@charset "UTF-8";
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300i,300,400,600,700|Playfair+Display:700|Crimson+Text");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700");
@import url("https://vjs.zencdn.net/7.10.2/video-js.css");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus, .read-more-button:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, .read-more-button:active,
a:hover,
.read-more-button:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong,
.link,
.comment-body a,
.comment-body .read-more-button,
.comment-header a,
.comment-header .read-more-button,
.profile-card__bottom.profile-card__bottom--bio a,
.profile-card__bottom.profile-card__bottom--bio .read-more-button,
.real-time-stream .h5 a,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a,
.real-time-stream .product-card .product-card--design-idea .product-card-name a,
.product-card .product-card--design-idea .real-time-stream .product-card-name a,
.real-time-stream #story h5 a,
#story .real-time-stream h5 a,
.real-time-stream .filters .section-header a,
.filters .real-time-stream .section-header a,
.real-time-stream .sorters .section-header a,
.sorters .real-time-stream .section-header a,
.real-time-stream .chat-notification__title a,
.real-time-stream .h5 .read-more-button,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button,
.real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button,
.product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button,
.real-time-stream #story h5 .read-more-button,
#story .real-time-stream h5 .read-more-button,
.real-time-stream .filters .section-header .read-more-button,
.filters .real-time-stream .section-header .read-more-button,
.real-time-stream .sorters .section-header .read-more-button,
.sorters .real-time-stream .section-header .read-more-button,
.real-time-stream .chat-notification__title .read-more-button,
.main-nav__cart .menu-button,
.input-feedback,
.icon-list--colored a,
.icon-list--colored .read-more-button,
.icon-list--colored button,
.site-footer li,
.site-footer a,
.site-footer .read-more-button,
.read-more a,
.read-more .read-more-button,
.product-sidebar .product-questions-link button {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

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

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, .read-more-button,
  a:visited,
  .read-more-button:visited {
    text-decoration: underline;
  }
  a[href]:after, .read-more-button[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after, .ir .read-more-button:after,
  a[href^="javascript:"]:after,
  .read-more-button[href^="javascript:"]:after,
  a[href^="#"]:after,
  .read-more-button[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*!
 * Ladda including the default theme.
 */
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
 */
.ladda-button {
  position: relative;
}

.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;
}

.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}

.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: 0.1s linear all !important;
}

.ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible;
}

.ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}

.ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label {
  transition: 0.3s ease all !important;
}

.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px;
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: -12px;
}

.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px;
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
  padding-right: 40px;
}

.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px;
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px;
}

.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px;
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
  padding-left: 40px;
}

.ladda-button[data-style=expand-up] {
  overflow: hidden;
}

.ladda-button[data-style=expand-up] .ladda-spinner {
  top: -32px;
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=expand-up][data-loading] {
  padding-top: 54px;
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
  opacity: 1;
  top: 26px;
  margin-top: 0;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
  padding-top: 32px;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
  top: 4px;
}

.ladda-button[data-style=expand-down] {
  overflow: hidden;
}

.ladda-button[data-style=expand-down] .ladda-spinner {
  top: 62px;
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
  top: 40px;
}

.ladda-button[data-style=expand-down][data-loading] {
  padding-bottom: 54px;
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
  padding-bottom: 32px;
}

.ladda-button[data-style=slide-left] {
  overflow: hidden;
}

.ladda-button[data-style=slide-left] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-left] .ladda-spinner {
  left: 100%;
  margin-left: 0;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

.ladda-button[data-style=slide-right] {
  overflow: hidden;
}

.ladda-button[data-style=slide-right] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-right] .ladda-spinner {
  right: 100%;
  margin-left: 0;
  left: 16px;
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%;
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

.ladda-button[data-style=slide-up] {
  overflow: hidden;
}

.ladda-button[data-style=slide-up] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-up] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: 1em;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}

.ladda-button[data-style=slide-down] {
  overflow: hidden;
}

.ladda-button[data-style=slide-down] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-down] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: -2em;
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em;
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}

.ladda-button[data-style=zoom-out] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: 32px;
  transform: scale(2.5);
}

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(0.5);
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}

.ladda-button[data-style=zoom-in] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  transform: scale(0.2);
}

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(2.2);
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}

.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px;
}

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px;
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px transparent;
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button {
  background: #666;
  border: 0;
  padding: 14px 18px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.ladda-button:hover {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: #888;
}

.ladda-button[data-color=green] {
  background: #2aca76;
}

.ladda-button[data-color=green]:hover {
  background-color: #38d683;
}

.ladda-button[data-color=blue] {
  background: #53b5e6;
}

.ladda-button[data-color=blue]:hover {
  background-color: #69bfe9;
}

.ladda-button[data-color=red] {
  background: #ea8557;
}

.ladda-button[data-color=red]:hover {
  background-color: #ed956e;
}

.ladda-button[data-color=purple] {
  background: #9973C2;
}

.ladda-button[data-color=purple]:hover {
  background-color: #a685ca;
}

.ladda-button[data-color=mint] {
  background: #16a085;
}

.ladda-button[data-color=mint]:hover {
  background-color: #19b698;
}

.ladda-button[disabled], .ladda-button[data-loading] {
  border-color: rgba(0, 0, 0, 0.07);
}

.ladda-button[disabled], .ladda-button[disabled]:hover, .ladda-button[data-loading], .ladda-button[data-loading]:hover {
  cursor: default;
  background-color: #999;
}

.ladda-button[data-size=xs] {
  padding: 4px 8px;
}

.ladda-button[data-size=xs] .ladda-label {
  font-size: 0.7em;
}

.ladda-button[data-size=s] {
  padding: 6px 10px;
}

.ladda-button[data-size=s] .ladda-label {
  font-size: 0.9em;
}

.ladda-button[data-size=l] .ladda-label {
  font-size: 1.2em;
}

.ladda-button[data-size=xl] .ladda-label {
  font-size: 1.5em;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

html {
  box-sizing: border-box;
}

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

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../libs/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../libs/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../libs/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../libs/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../libs/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../libs/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*! angularjs-slider - v6.2.2 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2017-05-26 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ6c2xpZGVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O2NBR2M7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsYUFBYTtDQUNkOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtDQUM1Qjs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2IsZ0JBQWdCO0VBQ2hCLDBCQUEwQjtFQUdsQixvQkFBb0I7Q0FDN0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLFdBQVc7RUFDWCxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9CQUFvQjtFQUdaLG1CQUFtQjtFQUMzQixZQUFZO0NBQ2I7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSxlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixRQUFRO0VBQ1IsV0FBVztFQUNYLFlBQVk7RUFDWixVQUFVO0VBQ1YsVUFBVTtFQUNWLGlCQUFpQjtFQUNqQix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsY0FBYztDQUNmOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxRQUFRO0VBQ1IsWUFBWTtFQUNaLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsbUJBQW1CO0NBQ3BCOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGFBQWE7RUFDYixXQUFXO0VBQ1gsZUFBZTtFQUNmLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFFBQVE7RUFDUixZQUFZO0VBQ1osYUFBYTtFQUNiLG9CQUFvQjtFQUNwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsV0FBVztFQUNYLFdBQVc7RUFDWCxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsVUFBVTtFQUNWLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixzQkFBc0I7RUFDdEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsT0FBTztFQUNQLFdBQVc7RUFDWCxXQUFXO0VBQ1gsU0FBUztFQUNULGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsVUFBVTtFQUNWLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLFdBQVc7Q0FDWiIsImZpbGUiOiJyenNsaWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgYW5ndWxhcmpzLXNsaWRlciAtIHY2LjIuMiAtIFxuIChjKSBSYWZhbCBaYWphYyA8cnphamFjQGdtYWlsLmNvbT4sIFZhbGVudGluIEhlcnZpZXUgPHZhbGVudGluQGhlcnZpZXUubWU+LCBKdXNzaSBTYWFyaXZpcnRhIDxqdXNhc2lAZ21haWwuY29tPiwgQW5nZWxpbiBTaXJidSA8YW5nZWxpbi5zaXJidUBnbWFpbC5jb20+IC0gXG4gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXItc2xpZGVyL2FuZ3VsYXJqcy1zbGlkZXIgLSBcbiAyMDE3LTA1LTI2ICovXG4ucnpzbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBtYXJnaW46IDM1cHggMCAxNXB4IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4ucnpzbGlkZXIud2l0aC1sZWdlbmQge1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotcG9pbnRlciB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOGUwZjM7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LWRyYWdnYWJsZSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICM4YjkxYTI7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXRpY2sge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei10aWNrLnJ6LXNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogIzhiOTFhMjtcbn1cblxuLnJ6c2xpZGVyIHNwYW4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDMycHg7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBtYXJnaW4tdG9wOiAtMTZweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnJ6c2xpZGVyIC5yei1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG1vdmU7XG59XG5cbi5yenNsaWRlciAucnotYmFyIHtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXNlbGVjdGlvbiB7XG4gIHotaW5kZXg6IDI7XG4gIGJhY2tncm91bmQ6ICMwZGI5ZjA7XG4gIC13ZWJraXQtYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAtbW96LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAycHg7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlciB7XG4gIHRvcDogLTE0cHg7XG4gIHotaW5kZXg6IDM7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzBkYjlmMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAtbW96LWJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMTZweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyOmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDEycHg7XG4gIGxlZnQ6IDEycHg7XG4gIHdpZHRoOiA4cHg7XG4gIGhlaWdodDogOHB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBjb250ZW50OiAnJztcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyOmhvdmVyOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyLnJ6LWFjdGl2ZSB7XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlci5yei1hY3RpdmU6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDUxYWZmO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJ1YmJsZSB7XG4gIGJvdHRvbTogMTZweDtcbiAgcGFkZGluZzogMXB4IDNweDtcbiAgY29sb3I6ICM1NTYzN2Q7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUucnotbGltaXQge1xuICBjb2xvcjogIzU1NjM3ZDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrcyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtM3B4O1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAwO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5yenNsaWRlciAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBhdXRvO1xuICBib3R0b206IC0zMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2sge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgbWFyZ2luLWxlZnQ6IDExcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5cbi5yenNsaWRlciAucnotdGljay5yei1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQ6ICMwZGI5ZjA7XG59XG5cbi5yenNsaWRlciAucnotdGljay12YWx1ZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtMzBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG59XG5cbi5yenNsaWRlciAucnotdGljay1sZWdlbmQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMjRweDtcbiAgbWF4LXdpZHRoOiA1MHB4O1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMCAyMHB4O1xuICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyLXdyYXBwZXIge1xuICB0b3A6IGF1dG87XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMCAwIDE2cHg7XG4gIG1hcmdpbjogMCAwIDAgLTE2cHg7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiBhdXRvO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotcG9pbnRlciB7XG4gIHRvcDogYXV0bztcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAtMTRweCAhaW1wb3J0YW50O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJ1YmJsZSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogM3B4O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2tzIHtcbiAgdG9wOiAwO1xuICBsZWZ0OiAtM3B4O1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2sge1xuICBtYXJnaW4tdG9wOiAxMXB4O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBhdXRvO1xuICBsZWZ0OiAyNHB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtMjglKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLWxlZ2VuZCB7XG4gIHRvcDogYXV0bztcbiAgcmlnaHQ6IDI0cHg7XG4gIG1heC13aWR0aDogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTI4JSk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgcmlnaHQ6IDI0cHg7XG4gIGJvdHRvbTogYXV0bztcbiAgbGVmdDogYXV0bztcbn0iXX0= */
.baseline {
  background-image: linear-gradient(rgba(102, 204, 255, 0.3) 1px, transparent 1px);
  background-size: 1.5em 1.5em;
}

.h1, .video-page h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .lp--1 .lp--1__main .product-name,
h1,
.alpha,
.h2,
.referrals-form:not(.referrals-modal__referral-form) .h3,
.referrals-form:not(.referrals-modal__referral-form) #story h3,
#story .referrals-form:not(.referrals-modal__referral-form) h3,
.referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label,
h2,
.beta,
.h3,
#story h3,
.out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
h3,
.gamma,
.h4,
#story h4,
.home-media-article__container .home-media-article__content p,
.project-card .h3,
.project-card #story h3,
#story .project-card h3,
.project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label,
h4,
.delta,
.h5,
.product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines,
.product-card .product-card--design-idea .product-card-name,
#story h5,
.filters .section-header,
.sorters .section-header,
.chat-notification__title,
h5,
.epsilon,
.h6,
.product-card .product-price,
h6,
.zeta,
.h7,
.product-card .product-card--context {
  font-weight: normal;
  margin: 0;
  font-size: 100%;
}

.h1 i, .video-page h1 i, .home-feature.home-feature--on-image .home-feature__content .content__headline i, .lp--1 .lp--1__main .product-name i,
h1 i,
.alpha i,
.h2 i,
.referrals-form:not(.referrals-modal__referral-form) .h3 i,
.referrals-form:not(.referrals-modal__referral-form) #story h3 i,
#story .referrals-form:not(.referrals-modal__referral-form) h3 i,
.referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label i,
.out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label i,
h2 i,
.beta i,
.h3 i,
#story h3 i,
.out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label i,
h3 i,
.gamma i,
.h4 i,
#story h4 i,
.home-media-article__container .home-media-article__content p i,
.project-card .h3 i,
.project-card #story h3 i,
#story .project-card h3 i,
.project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label i,
.out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label i,
h4 i,
.delta i,
.h5 i,
.product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines i,
.product-card .product-card--design-idea .product-card-name i,
#story h5 i,
.filters .section-header i,
.sorters .section-header i,
.chat-notification__title i,
h5 i,
.epsilon i,
.h6 i,
.product-card .product-price i,
h6 i,
.zeta i,
.h7 i,
.product-card .product-card--context i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.h1, .video-page h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .lp--1 .lp--1__main .product-name,
.alpha {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}


.h2,
.referrals-form:not(.referrals-modal__referral-form) .h3,
.referrals-form:not(.referrals-modal__referral-form) #story h3,
#story .referrals-form:not(.referrals-modal__referral-form) h3,
.referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label,
.beta {
  font-size: 2.25em;
  line-height: 1.3333333333333333;
  margin-bottom: 0.6666666666666666em;
}


.h3,
#story h3,
.out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.gamma {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}


.h4,
#story h4,
.home-media-article__container .home-media-article__content p,
.project-card .h3,
.project-card #story h3,
#story .project-card h3,
.project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label,
.delta {
  font-size: 1.3125em;
  line-height: 1.1428571428571428;
  margin-bottom: 1.1428571428571428em;
}


.h5,
.product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines,
.product-card .product-card--design-idea .product-card-name,
#story h5,
.filters .section-header,
.sorters .section-header,
.chat-notification__title,
.epsilon {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  margin-bottom: 1.3333333333333333em;
}


.h6,
.product-card .product-price,
.zeta {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}


.h7,
.product-card .product-card--context {
  font-size: 0.875em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

p,
blockquote {
  font-size: 1em;
  margin: 0 0 1.5em;
  line-height: 1.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

dl,
ol,
ul {
  font-size: 1em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

dd,
dt,
li {
  line-height: 1.5em;
  margin: 0;
}

nav {
  line-height: 1.5em;
  margin: 0;
}

.green {
  background: #4c8226;
}

.background-green {
  background: #4c8226;
}

.background-green-midlight {
  background: #5c9e2e;
}

.background-green-light {
  background: #65ad33;
}

.background-green-xlight {
  background: #7cc945;
}

.background-green-middark {
  background: #375e1c;
}

.background-green-dark {
  background: #192b0d;
}

.background-green-xdark {
  background: #070c03;
}

.background-green-xxdark {
  background: black;
}

.color-green, .live-launch__chat .chat__messages .chat-message .message a, .live-launch__chat .chat__messages .chat-message .message .read-more-button {
  color: #4c8226;
}

.color-green-midlight {
  color: #5c9e2e;
}

.color-green-light {
  color: #65ad33;
}

.color-green-xlight {
  color: #7cc945;
}

.color-green-middark {
  color: #375e1c;
}

.color-green-dark {
  color: #192b0d;
}

.color-green-xdark {
  color: #070c03;
}

.color-green-xxdark {
  color: black;
}

.border-green {
  border-color: #4c8226;
}

.border-green-light {
  border-color: #65ad33;
}

.border-green-xlight {
  border-color: #7cc945;
}

.sage {
  background: #26582d;
}

.background-sage {
  background: #26582d;
}

.background-sage-midlight {
  background: #31713a;
}

.background-sage-light {
  background: #377f41;
}

.background-sage-xlight {
  background: #459f51;
}

.background-sage-middark {
  background: #18381d;
}

.background-sage-dark {
  background: #040a05;
}

.background-sage-xdark {
  background: black;
}

.background-sage-xxdark {
  background: black;
}

.color-sage {
  color: #26582d;
}

.color-sage-midlight {
  color: #31713a;
}

.color-sage-light {
  color: #377f41;
}

.color-sage-xlight {
  color: #459f51;
}

.color-sage-middark {
  color: #18381d;
}

.color-sage-dark {
  color: #040a05;
}

.color-sage-xdark {
  color: black;
}

.color-sage-xxdark {
  color: black;
}

.border-sage {
  border-color: #26582d;
}

.border-sage-light {
  border-color: #377f41;
}

.border-sage-xlight {
  border-color: #459f51;
}

.blue {
  background: #27a8e0;
}

.background-blue {
  background: #27a8e0;
}

.background-blue-midlight {
  background: #61bfe8;
}

.background-blue-light {
  background: #89d0ee;
}

.background-blue-xlight {
  background: #addef3;
}

.background-blue-xxlight {
  background: #d9f0fa;
}

.background-blue-middark {
  background: #197fac;
}

.background-blue-dark {
  background: #136284;
}

.background-blue-xdark {
  background: #0e4760;
}

.background-blue-xxdark {
  background: #0b374a;
}

.color-blue {
  color: #27a8e0;
}

.color-blue-midlight {
  color: #61bfe8;
}

.color-blue-light {
  color: #89d0ee;
}

.color-blue-xlight {
  color: #addef3;
}

.color-blue-middark {
  color: #197fac;
}

.color-blue-dark {
  color: #136284;
}

.color-blue-xdark {
  color: #0e4760;
}

.color-blue-xxdark {
  color: #0b374a;
}

.border-blue {
  border-color: #27a8e0;
}

.border-blue-light {
  border-color: #89d0ee;
}

.border-blue-xlight {
  border-color: #addef3;
}

.border-blue-xxlight {
  border-color: #d9f0fa;
}

.navy {
  background: #0e2e3c;
}

.background-navy {
  background: #0e2e3c;
}

.background-navy-midlight {
  background: #1b5772;
}

.background-navy-light {
  background: #237497;
}

.background-navy-xlight {
  background: #2b8db8;
}

.background-navy-middark {
  background: #010506;
}

.background-navy-dark {
  background: black;
}

.background-navy-xdark {
  background: black;
}

.background-navy-xxdark {
  background: black;
}

.color-navy {
  color: #0e2e3c;
}

.color-navy-midlight {
  color: #1b5772;
}

.color-navy-light {
  color: #237497;
}

.color-navy-xlight {
  color: #2b8db8;
}

.color-navy-middark {
  color: #010506;
}

.color-navy-dark {
  color: black;
}

.color-navy-xdark {
  color: black;
}

.color-navy-xxdark {
  color: black;
}

.border-navy {
  border-color: #0e2e3c;
}

.border-navy-light {
  border-color: #237497;
}

.border-navy-xlight {
  border-color: #2b8db8;
}

.purple {
  background: #9100e5;
}

.background-purple {
  background: #9100e5;
}

.background-purple-midlight {
  background: #b028ff;
}

.background-purple-light {
  background: #c156ff;
}

.background-purple-xlight {
  background: #d07fff;
}

.background-purple-middark {
  background: #6700a3;
}

.background-purple-dark {
  background: #4a0075;
}

.background-purple-xdark {
  background: #30004c;
}

.background-purple-xxdark {
  background: #200033;
}

.color-purple {
  color: #9100e5;
}

.color-purple-midlight {
  color: #b028ff;
}

.color-purple-light {
  color: #c156ff;
}

.color-purple-xlight {
  color: #d07fff;
}

.color-purple-middark {
  color: #6700a3;
}

.color-purple-dark {
  color: #4a0075;
}

.color-purple-xdark {
  color: #30004c;
}

.color-purple-xxdark {
  color: #200033;
}

.border-purple {
  border-color: #9100e5;
}

.border-purple-light {
  border-color: #c156ff;
}

.border-purple-xlight {
  border-color: #d07fff;
}

.black {
  background: #333;
}

.background-black {
  background: #333;
}

.background-black-midlight {
  background: #545454;
}

.background-black-light {
  background: #6b6b6b;
}

.background-black-xlight {
  background: gray;
}

.background-black-middark {
  background: #121212;
}

.background-black-dark {
  background: black;
}

.background-black-xdark {
  background: black;
}

.background-black-xxdark {
  background: black;
}

.color-black {
  color: #333;
}

.color-black-midlight {
  color: #545454;
}

.color-black-light {
  color: #6b6b6b;
}

.color-black-xlight {
  color: gray;
}

.color-black-middark {
  color: #121212;
}

.color-black-dark {
  color: black;
}

.color-black-xdark {
  color: black;
}

.color-black-xxdark {
  color: black;
}

.border-black {
  border-color: #333;
}

.border-black-light {
  border-color: #6b6b6b;
}

.border-black-xlight {
  border-color: gray;
}

.red {
  background: #ec230c;
}

.background-red {
  background: #ec230c;
}

.background-red-midlight {
  background: #f65745;
}

.background-red-light {
  background: #f87e70;
}

.background-red-xlight {
  background: #faa197;
}

.background-red-middark {
  background: #ad1a09;
}

.background-red-dark {
  background: #811307;
}

.background-red-xdark {
  background: #5a0d05;
}

.background-red-xxdark {
  background: #420a03;
}

.color-red {
  color: #ec230c;
}

.color-red-midlight {
  color: #f65745;
}

.color-red-light {
  color: #f87e70;
}

.color-red-xlight {
  color: #faa197;
}

.color-red-middark {
  color: #ad1a09;
}

.color-red-dark {
  color: #811307;
}

.color-red-xdark {
  color: #5a0d05;
}

.color-red-xxdark {
  color: #420a03;
}

.border-red {
  border-color: #ec230c;
}

.border-red-light {
  border-color: #f87e70;
}

.border-red-xlight {
  border-color: #faa197;
}

.orange {
  background: #ff6e00;
}

.background-orange {
  background: #ff6e00;
}

.background-orange-midlight {
  background: #ff9442;
}

.background-orange-light {
  background: #ffae70;
}

.background-orange-xlight {
  background: #ffc599;
}

.background-orange-middark {
  background: #d15a00;
}

.background-orange-dark {
  background: #b34d00;
}

.background-orange-xdark {
  background: #662c00;
}

.background-orange-xxdark {
  background: #4d2100;
}

.color-orange {
  color: #ff6e00;
}

.color-orange-midlight {
  color: #ff9442;
}

.color-orange-light {
  color: #ffae70;
}

.color-orange-xlight {
  color: #ffc599;
}

.color-orange-middark {
  color: #d15a00;
}

.color-orange-dark {
  color: #b34d00;
}

.color-orange-xdark {
  color: #662c00;
}

.color-orange-xxdark {
  color: #4d2100;
}

.border-orange {
  border-color: #ff6e00;
}

.border-orange-light {
  border-color: #ffae70;
}

.border-orange-xlight {
  border-color: #ffc599;
}

.yellow {
  background: #ffc83f;
}

.background-yellow {
  background: #ffc83f;
}

.background-yellow-midlight {
  background: #ffd772;
}

.background-yellow-light {
  background: #ffde8c;
}

.background-yellow-xlight {
  background: #fff4d8;
}

.background-yellow-xxlight {
  background: #fffbf2;
}

.background-yellow-middark {
  background: #fcb400;
}

.background-yellow-dark {
  background: #ce9300;
}

.background-yellow-xdark {
  background: #a57600;
}

.background-yellow-xxdark {
  background: #8c6400;
}

.color-yellow {
  color: #ffc83f;
}

.color-yellow-midlight {
  color: #ffd772;
}

.color-yellow-light {
  color: #ffde8c;
}

.color-yellow-xlight {
  color: #fff4d8;
}

.color-yellow-middark {
  color: #fcb400;
}

.color-yellow-dark {
  color: #ce9300;
}

.color-yellow-xdark {
  color: #a57600;
}

.color-yellow-xxdark {
  color: #8c6400;
}

.border-yellow {
  border-color: #ffc83f;
}

.border-yellow-light {
  border-color: #ffde8c;
}

.border-yellow-xlight {
  border-color: #fff4d8;
}

.border-yellow-xxlight {
  border-color: #fffbf2;
}

.neon-yellow {
  background: #ddff3c;
}

.background-neon-yellow {
  background: #ddff3c;
}

.background-neon-yellow-midlight {
  background: #e6ff6f;
}

.background-neon-yellow-light {
  background: #eaff89;
}

.background-neon-yellow-xlight {
  background: #f8ffd5;
}

.background-neon-yellow-middark {
  background: #cdf900;
}

.background-neon-yellow-dark {
  background: #a7cb00;
}

.background-neon-yellow-xdark {
  background: #86a200;
}

.color-neon-yellow {
  color: #ddff3c;
}

.color-neon-yellow-midlight {
  color: #e6ff6f;
}

.color-neon-yellow-light {
  color: #eaff89;
}

.color-neon-yellow-xlight {
  color: #f8ffd5;
}

.color-neon-yellow-middark {
  color: #cdf900;
}

.color-neon-yellow-dark {
  color: #a7cb00;
}

.color-neon-yellow-xdark {
  color: #86a200;
}

.border-neon-yellow {
  border-color: #ddff3c;
}

.border-neon-yellow-light {
  border-color: #eaff89;
}

.border-neon-yellow-xlight {
  border-color: #f8ffd5;
}

.gray {
  background: #a09995;
}

.background-gray {
  background: #a09995;
}

.background-gray-midlight {
  background: #dcdad8;
}

.background-gray-light {
  background: #e8e7e6;
}

.background-gray-xlight {
  background: #edeceb;
}

.background-gray-xxlight {
  background: #f4f4f3;
}

.background-gray-middark {
  background: #807873;
}

.background-gray-dark {
  background: #68615d;
}

.background-gray-xdark {
  background: #4a4543;
}

.color-gray {
  color: #a09995;
}

.color-gray-midlight {
  color: #dcdad8;
}

.color-gray-light {
  color: #e8e7e6;
}

.color-gray-xlight {
  color: #edeceb;
}

.color-gray-middark {
  color: #807873;
}

.color-gray-dark {
  color: #68615d;
}

.color-gray-xdark {
  color: #4a4543;
}

.border-gray {
  border-color: #a09995;
}

.border-gray-light {
  border-color: #e8e7e6;
}

.border-gray-xlight {
  border-color: #edeceb;
}

.border-gray-xxlight {
  border-color: #f4f4f3;
}

.facebook {
  background: #415e9b;
}

.background-facebook {
  background: #415e9b;
}

.background-facebook-midlight {
  background: #617fbd;
}

.background-facebook-light {
  background: #a9b9db;
}

.background-facebook-xlight {
  background: #b4c2e0;
}

.background-facebook-middark {
  background: #2d426c;
}

.background-facebook-dark {
  background: #202e4c;
}

.background-facebook-xdark {
  background: #141d2f;
}

.color-facebook {
  color: #415e9b;
}

.color-facebook-midlight {
  color: #617fbd;
}

.color-facebook-light {
  color: #a9b9db;
}

.color-facebook-xlight {
  color: #b4c2e0;
}

.color-facebook-middark {
  color: #2d426c;
}

.color-facebook-dark {
  color: #202e4c;
}

.color-facebook-xdark {
  color: #141d2f;
}

.border-facebook {
  border-color: #415e9b;
}

.border-facebook-light {
  border-color: #a9b9db;
}

.border-facebook-xlight {
  border-color: #b4c2e0;
}

.twitter {
  background: #54adf0;
}

.background-twitter {
  background: #54adf0;
}

.background-twitter-midlight {
  background: #91caf5;
}

.background-twitter-light {
  background: #eff7fe;
}

.background-twitter-xlight {
  background: #fdfeff;
}

.background-twitter-middark {
  background: #1790eb;
}

.background-twitter-dark {
  background: #1176c3;
}

.background-twitter-xdark {
  background: #0e609d;
}

.color-twitter {
  color: #54adf0;
}

.color-twitter-midlight {
  color: #91caf5;
}

.color-twitter-light {
  color: #eff7fe;
}

.color-twitter-xlight {
  color: #fdfeff;
}

.color-twitter-middark {
  color: #1790eb;
}

.color-twitter-dark {
  color: #1176c3;
}

.color-twitter-xdark {
  color: #0e609d;
}

.border-twitter {
  border-color: #54adf0;
}

.border-twitter-light {
  border-color: #eff7fe;
}

.border-twitter-xlight {
  border-color: #fdfeff;
}

.pinterest {
  background: #d01d15;
}

.background-pinterest {
  background: #d01d15;
}

.background-pinterest-midlight {
  background: #eb433c;
}

.background-pinterest-light {
  background: #f59d99;
}

.background-pinterest-xlight {
  background: #f6aaa7;
}

.background-pinterest-middark {
  background: #94150f;
}

.background-pinterest-dark {
  background: #6a0f0b;
}

.background-pinterest-xdark {
  background: #450a07;
}

.color-pinterest {
  color: #d01d15;
}

.color-pinterest-midlight {
  color: #eb433c;
}

.color-pinterest-light {
  color: #f59d99;
}

.color-pinterest-xlight {
  color: #f6aaa7;
}

.color-pinterest-middark {
  color: #94150f;
}

.color-pinterest-dark {
  color: #6a0f0b;
}

.color-pinterest-xdark {
  color: #450a07;
}

.border-pinterest {
  border-color: #d01d15;
}

.border-pinterest-light {
  border-color: #f59d99;
}

.border-pinterest-xlight {
  border-color: #f6aaa7;
}

.paypal {
  background: #009cde;
}

.background-paypal {
  background: #009cde;
}

.background-paypal-midlight {
  background: #21bdff;
}

.background-paypal-light {
  background: #87dbff;
}

.background-paypal-xlight {
  background: #97e0ff;
}

.background-paypal-middark {
  background: #006d9c;
}

.background-paypal-dark {
  background: #004d6e;
}

.background-paypal-xdark {
  background: #003045;
}

.color-paypal {
  color: #009cde;
}

.color-paypal-midlight {
  color: #21bdff;
}

.color-paypal-light {
  color: #87dbff;
}

.color-paypal-xlight {
  color: #97e0ff;
}

.color-paypal-middark {
  color: #006d9c;
}

.color-paypal-dark {
  color: #004d6e;
}

.color-paypal-xdark {
  color: #003045;
}

.border-paypal {
  border-color: #009cde;
}

.border-paypal-light {
  border-color: #87dbff;
}

.border-paypal-xlight {
  border-color: #97e0ff;
}

.teal {
  background: #49d5b7;
}

.background-teal {
  background: #49d5b7;
}

.background-teal-midlight {
  background: #7fe1cc;
}

.background-teal-light {
  background: #d2f5ed;
}

.background-teal-xlight {
  background: #def7f2;
}

.background-teal-middark {
  background: #29b395;
}

.background-teal-dark {
  background: #218d76;
}

.background-teal-xdark {
  background: #196c5a;
}

.color-teal {
  color: #49d5b7;
}

.color-teal-midlight {
  color: #7fe1cc;
}

.color-teal-light {
  color: #d2f5ed;
}

.color-teal-xlight {
  color: #def7f2;
}

.color-teal-middark {
  color: #29b395;
}

.color-teal-dark {
  color: #218d76;
}

.color-teal-xdark {
  color: #196c5a;
}

.border-teal {
  border-color: #49d5b7;
}

.border-teal-light {
  border-color: #d2f5ed;
}

.border-teal-xlight {
  border-color: #def7f2;
}

.brand-blue {
  background: #437c90;
}

.background-brand-blue {
  background: #437c90;
}

.background-brand-blue-midlight {
  background: #609fb5;
}

.background-brand-blue-light {
  background: #a6c9d5;
}

.background-brand-blue-xlight {
  background: #b0cfda;
}

.background-brand-blue-middark {
  background: #2e5563;
}

.background-brand-blue-dark {
  background: #1f3a43;
}

.background-brand-blue-xdark {
  background: #122228;
}

.color-brand-blue {
  color: #437c90;
}

.color-brand-blue-midlight {
  color: #609fb5;
}

.color-brand-blue-light {
  color: #a6c9d5;
}

.color-brand-blue-xlight {
  color: #b0cfda;
}

.color-brand-blue-middark {
  color: #2e5563;
}

.color-brand-blue-dark {
  color: #1f3a43;
}

.color-brand-blue-xdark {
  color: #122228;
}

.border-brand-blue {
  border-color: #437c90;
}

.border-brand-blue-light {
  border-color: #a6c9d5;
}

.border-brand-blue-xlight {
  border-color: #b0cfda;
}

.brand-yellow {
  background: #e4ef4a;
}

.background-brand-yellow {
  background: #e4ef4a;
}

.background-brand-yellow-midlight {
  background: #edf487;
}

.background-brand-yellow-light {
  background: #fbfde5;
}

.background-brand-yellow-xlight {
  background: #fdfef3;
}

.background-brand-yellow-middark {
  background: #d5e314;
}

.background-brand-yellow-dark {
  background: #adb810;
}

.background-brand-yellow-xdark {
  background: #8a930d;
}

.color-brand-yellow {
  color: #e4ef4a;
}

.color-brand-yellow-midlight {
  color: #edf487;
}

.color-brand-yellow-light {
  color: #fbfde5;
}

.color-brand-yellow-xlight {
  color: #fdfef3;
}

.color-brand-yellow-middark {
  color: #d5e314;
}

.color-brand-yellow-dark {
  color: #adb810;
}

.color-brand-yellow-xdark {
  color: #8a930d;
}

.border-brand-yellow {
  border-color: #e4ef4a;
}

.border-brand-yellow-light {
  border-color: #fbfde5;
}

.border-brand-yellow-xlight {
  border-color: #fdfef3;
}

.brand-red {
  background: #cd3b6b;
}

.background-brand-red {
  background: #cd3b6b;
}

.background-brand-red-midlight {
  background: #da7093;
}

.background-brand-red-light {
  background: #efc1d0;
}

.background-brand-red-xlight {
  background: #f2cdd9;
}

.background-brand-red-middark {
  background: #9e284f;
}

.background-brand-red-dark {
  background: #791f3c;
}

.background-brand-red-xdark {
  background: #58172c;
}

.color-brand-red {
  color: #cd3b6b;
}

.color-brand-red-midlight {
  color: #da7093;
}

.color-brand-red-light {
  color: #efc1d0;
}

.color-brand-red-xlight {
  color: #f2cdd9;
}

.color-brand-red-middark {
  color: #9e284f;
}

.color-brand-red-dark {
  color: #791f3c;
}

.color-brand-red-xdark {
  color: #58172c;
}

.border-brand-red {
  border-color: #cd3b6b;
}

.border-brand-red-light {
  border-color: #efc1d0;
}

.border-brand-red-xlight {
  border-color: #f2cdd9;
}

.brand-blush {
  background: #e8d6cb;
}

.background-brand-blush {
  background: #e8d6cb;
}

.background-brand-blush-midlight {
  background: #fcfaf9;
}

.background-brand-blush-light {
  background: white;
}

.background-brand-blush-xlight {
  background: white;
}

.background-brand-blush-middark {
  background: #d4b29d;
}

.background-brand-blush-dark {
  background: #c6997d;
}

.background-brand-blush-xdark {
  background: #b98261;
}

.color-brand-blush {
  color: #e8d6cb;
}

.color-brand-blush-midlight {
  color: #fcfaf9;
}

.color-brand-blush-light {
  color: white;
}

.color-brand-blush-xlight {
  color: white;
}

.color-brand-blush-middark {
  color: #d4b29d;
}

.color-brand-blush-dark {
  color: #c6997d;
}

.color-brand-blush-xdark {
  color: #b98261;
}

.border-brand-blush {
  border-color: #e8d6cb;
}

.border-brand-blush-light {
  border-color: white;
}

.border-brand-blush-xlight {
  border-color: white;
}

.background-white {
  background-color: #fff;
}

.color-white {
  color: #fff;
}

@font-face {
  font-family: 'betabrand-icons';
  src: url("/angular/src/fonts/betabrand-icons/betabrand-icons.eot?-mttlxq");
  src: url("/angular/src/fonts/betabrand-icons/betabrand-icons.eot?#iefix-mttlxq") format("embedded-opentype"), url("/angular/src/fonts/betabrand-icons/betabrand-icons.woff?-mttlxq") format("woff"), url("/angular/src/fonts/betabrand-icons/betabrand-icons.ttf?-mttlxq") format("truetype"), url("/angular/src/fonts/betabrand-icons/betabrand-icons.svg?-mttlxq#betabrand-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^='betabrand-'],
[class*=' betabrand-'] {
  font-family: 'betabrand-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button[class^='betabrand-'],
button[class*=' betabrand-'] {
  color: inherit;
  font-size: inherit;
  speak: normal;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

button[class^='betabrand-']:hover {
  border: 0;
  background: none;
}

button[class^='betabrand-']:focus,
button[class*=' betabrand-']:target {
  outline: inherit;
  background: none;
  opacity: 0.8;
}

.betabrand-spaceship:before {
  content: '\e63c';
}

.betabrand-tulip:before {
  content: '\e63b';
}

.betabrand-man:before {
  content: '\e639';
}

.betabrand-female:before,
.betabrand-woman:before {
  content: '\e63a';
}

.betabrand-perfume:before {
  content: '\e638';
}

.betabrand-blazer:before {
  content: '\e62d';
}

.betabrand-bike:before {
  content: '\e62e';
}

.betabrand-cordarounds:before {
  content: '\e62f';
}

.betabrand-disco:before {
  content: '\e630';
}

.betabrand-karate:before {
  content: '\e631';
}

.betabrand-lotus:before {
  content: '\e632';
}

.betabrand-marshmermiad:before {
  content: '\e633';
}

.betabrand-ninja:before {
  content: '\e634';
}

.betabrand-seersucker:before {
  content: '\e635';
}

.betabrand-sweatpants:before {
  content: '\e636';
}

.betabrand-westcoast:before {
  content: '\e637';
}

.betabrand-pants:before {
  content: '\e61c';
}

.betabrand-bag:before,
.betabrand-bags:before,
.betabrand-accessories:before {
  content: '\e61b';
}

.betabrand-checkmark:before {
  content: '\e61d';
}

.betabrand-denim:before,
.betabrand-jeans:before {
  content: '\e61e';
}

.betabrand-dress:before,
.betabrand-dresses:before {
  content: '\e61f';
}

.betabrand-hoodie:before,
.betabrand-hoodies:before {
  content: '\e620';
}

.betabrand-jacket:before,
.betabrand-jackets:before,
.betabrand-blazers:before {
  content: '\e621';
}

.betabrand-lightbulb:before,
.betabrand-idea:before,
.betabrand-thinktank:before {
  content: '\e622';
}

.betabrand-shirt:before,
.betabrand-shirts:before {
  content: '\e623';
}

.betabrand-shoe:before,
.betabrand-shoes:before {
  content: '\e624';
}

.betabrand-shorts:before {
  content: '\e625';
}

.betabrand-skirt:before,
.betabrand-skirts:before {
  content: '\e626';
}

.betabrand-socks:before {
  content: '\e627';
}

.betabrand-sweater:before,
.betabrand-sweaters:before {
  content: '\e628';
}

.betabrand-tshirt:before,
.betabrand-tshirts:before,
.betabrand-tees:before {
  content: '\e629';
}

.betabrand-womens-outerwear:before {
  content: '\e62a';
}

.betabrand-womens-sweater:before {
  content: '\e62b';
}

.betabrand-womens-top:before,
.betabrand-tops:before {
  content: '\e62c';
}

.betabrand-cart:before {
  content: '\e616';
}

.betabrand-facebook:before {
  content: '\e617';
}

.betabrand-instagram:before {
  content: '\e618';
}

.betabrand-twitter:before {
  content: '\e619';
}

.betabrand-youtube:before {
  content: '\e61a';
}

.betabrand-close-circle:before {
  content: '\e615';
}

.betabrand-chevron-down:before {
  content: '\e600';
}

.betabrand-chevron-left:before {
  content: '\e601';
}

.betabrand-chevron-right:before {
  content: '\e602';
}

.betabrand-chevron-up:before {
  content: '\e603';
}

.betabrand-close:before {
  content: '\e604';
}

.betabrand-discount:before,
.betabrand-mega-deals:before {
  content: '\e605';
}

.betabrand-email:before {
  content: '\e606';
}

.betabrand-error-1:before {
  content: '\e607';
}

.betabrand-error-2:before {
  content: '\e608';
}

.betabrand-fund:before {
  content: '\e609';
}

.betabrand-lock:before {
  content: '\e60a';
}

.betabrand-makecarefit:before {
  content: '\e60b';
}

.betabrand-modelcitizen:before,
.betabrand-model:before {
  content: '\e60c';
}

.betabrand-package:before {
  content: '\e60d';
}

.betabrand-payment:before {
  content: '\e60e';
}

.betabrand-search:before {
  content: '\e60f';
}

.betabrand-shipping-1:before {
  content: '\e611';
}

.betabrand-shipping-2:before {
  content: '\e612';
}

.betabrand-shipping-3:before {
  content: '\e610';
}

.betabrand-submit:before {
  content: '\e613';
}

.betabrand-vote:before {
  content: '\e614';
}

.betabrand-hawaiian-shirt:before {
  content: '\e900';
}

/* 

http://css-tricks.com/handling-z-index/

.header {
  z-index: map-get($zindex, header);
}

*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.hide,
.isHidden {
  display: none !important;
}

.block {
  display: block;
}

.margin-center,
.margin-centered {
  margin: 0 auto;
}

.text-center, .profile-blank,
.text-centered,
.text--centered {
  text-align: center;
}

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

.text-left, .black-white-modal > .header {
  text-align: left;
}

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

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

.outer-container-max-width {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.outer-container-max-width::after {
  clear: both;
  content: '';
  display: table;
}

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

.spaced-items :first-child {
  margin-right: auto;
}

.push-left-quarter,
.push-left-xxs {
  margin-left: 0.25em;
}

.push-left-third,
.push-left-xs {
  margin-left: 0.33333em;
}

.push-left-half,
.push-left-sm {
  margin-left: 0.5em;
}

.push-left {
  margin-left: 1em;
}

.push-left-x2 {
  margin-left: 2em;
}

.push-right {
  margin-right: 1em;
}

.push-right-x2 {
  margin-right: 2em;
}

.push-right-half {
  margin-right: 0.5em;
}

.push-bottom-fifth {
  margin-bottom: 0.2em;
}

.push-bottom-third,
.push-bottom-xs {
  margin-bottom: 0.33333em;
}

.push-bottom-half, .out-of-stock-form .select-dropdown,
.push-bottom-sm {
  margin-bottom: 0.5em;
}

.push-bottom {
  margin-bottom: 1em;
}

.push-bottom--none,
.push-bottom-none {
  margin-bottom: 0;
}

.push-bottom-x2 {
  margin-bottom: 2em;
}

.push-bottom-x3 {
  margin-bottom: 3em;
}

.push-bottom-x4 {
  margin-bottom: 4em;
}

.push-bottom-x15 {
  margin-bottom: 1.5em;
}

.push-top {
  margin-top: 1em;
}

.push-top-auto {
  margin-top: auto;
}

.push-top-quarter {
  margin-top: 0.33333em;
}

.push-top--none,
.push-top-0 {
  margin-top: 0;
}

.push-top-auto {
  margin-top: auto;
}

.push-bottom-auto {
  margin-bottom: auto;
}

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

.push-left-auto {
  margin-left: auto;
}

.push-top-x15 {
  margin-top: 1.5em;
}

.push-top-x2 {
  margin-top: 2em;
}

.push-top-x3 {
  margin-top: 3em;
}

.push-top-x4 {
  margin-top: 4em;
}

.push-top-half,
.push-top-sm {
  margin-top: 0.5em;
}

.push-top-third,
.push-top-xs {
  margin-top: 0.33333em;
}

.padded {
  padding: 1em;
}

.padded-half {
  padding: 0.5em;
}

.padded-quarter {
  padding: 0.25em;
}

.padded-top {
  padding-top: 1em;
}

.padded-right-x5 {
  padding-right: 5em;
}

.padded-x2 {
  padding: 2em;
}

.padded-half {
  padding: 0.5em;
}

.padding-bottom-none {
  padding-bottom: 0;
}

.border--none {
  border: 0 !important;
}

.border,
.border-1 {
  border: 1px solid;
}

.border-2 {
  border: 2px solid;
}

.border-3 {
  border: 3px solid;
}

.border-top {
  border-top: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

@media screen and (min-width: 768px) {
  .sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
  }
  .is-bouncex-nanobar-present .sticky {
    top: 3.9375em;
  }
}

@media screen and (min-width: 768px) {
  .sticky.sticky__to-nav--padded {
    padding-top: 2em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .sticky.sticky__to-nav--padded {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .sticky.sticky__to-nav--padded {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .sticky.sticky__to-nav--padded {
    top: 7.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 9.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 4.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 11.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 13.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.6875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .sticky.sticky__to-nav--padded {
    padding-top: 2em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .sticky.sticky__to-nav--padded {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .sticky.sticky__to-nav--padded {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .sticky.sticky__to-nav--padded {
    top: 7.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 9.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 4.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 11.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded {
    top: 13.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav--padded,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav--padded {
    top: 8.6875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .sticky.sticky__to-nav {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .sticky.sticky__to-nav {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .sticky.sticky__to-nav {
    top: 7.325em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 9.95em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 4.75em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 11.2625em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 13.8875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.6875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .sticky.sticky__to-nav {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .sticky.sticky__to-nav {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .sticky.sticky__to-nav {
    top: 7.325em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav .sticky.sticky__to-nav {
    top: 9.95em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 4.75em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 11.2625em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky.sticky__to-nav {
    top: 13.8875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky.sticky__to-nav,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky.sticky__to-nav {
    top: 8.6875em;
  }
}

.sticky__to-nav--all-screens {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  z-index: 39;
}

@media screen and (min-width: 0px) {
  .sticky__to-nav--all-screens {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) {
  .sticky__to-nav--all-screens {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) {
  .sticky__to-nav--all-screens {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .sticky__to-nav--all-screens {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .sticky__to-nav--all-screens,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .sticky__to-nav--all-screens {
    top: 8.6875em;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.full-width {
  width: 100%;
}

.img-full-width {
  display: block;
  max-width: none;
  width: 100%;
}

.full-height {
  height: 100%;
}

.line-height-reset {
  line-height: normal;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .desktop-only {
    display: none !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .tablet-up {
    display: none !important;
  }
}

.tablet-down {
  display: none !important;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .tablet-down {
    display: inherit !important;
  }
}

.mobile-only {
  display: none !important;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .mobile-only {
    display: inherit !important;
  }
}

.mobile-sm-only {
  display: none !important;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .mobile-sm-only {
    display: inherit !important;
  }
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.left-0 {
  left: 0;
}

.bottom-0 {
  bottom: 0;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+css-extras+clike+javascript+java+php+php-extras+coffeescript+scss+bash+c+cpp+python+sql+groovy+http+ruby+gherkin+csharp+go+nsis+aspnet&plugins=line-highlight+line-numbers+show-invisibles+autolinker+wpd+file-highlight+show-language */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*='language-'] {
  display: block;
}

code[class*='language-'],
pre[class*='language-'] {
  font-size: 1em;
  line-height: 1em;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

pre[class*='language-']::-moz-selection,
pre[class*='language-']::-moz-selection,
code[class*='language-']::-moz-selection,
code[class*='language-']::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*='language-']::-moz-selection, pre[class*='language-']::-moz-selection, code[class*='language-']::-moz-selection, code[class*='language-']::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*='language-']::selection,
pre[class*='language-']::selection,
code[class*='language-']::selection,
code[class*='language-']::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*='language-'],
  pre[class*='language-'] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*='language-'] {
  max-height: 0;
  margin: 2em 0 1em;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e8e7e6;
  transition: max-height 0.2s;
}

pre[class*='language-'].is-active {
  max-height: 9999px;
}

code[class*='language-'] {
  overflow-x: scroll;
  padding: 1em;
}

/* Inline code */
:not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.builtin {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.regex,
.token.important {
  color: #e90;
}

.token.important {
  font-weight: bold;
}

.token.entity {
  cursor: help;
}

pre[data-line] {
  position: relative;
  padding: 1em 0 1em 2em;
}

.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  /* Same as .prism’s padding-top */
  background: rgba(153, 122, 102, 0.08);
  background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

.line-highlight:before,
.line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  background-color: rgba(153, 122, 102, 0.4);
  color: #f5f2f0;
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: 0.3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white;
}

.line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}

pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

pre.line-numbers > code {
  position: relative;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 2em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
  color: #e0d7d1;
}

.token.lf:last-child {
  display: none;
}

.token.tab:not(:empty):before {
  content: ' ';
}

.token.cr:before {
  content: ' ';
}

.token.lf:before {
  content: ' ';
}

.token a, .token .read-more-button {
  color: inherit;
}

code[class*='language-'] a[href], code[class*='language-'] .read-more-button[href],
pre[class*='language-'] a[href],
pre[class*='language-'] .read-more-button[href] {
  cursor: help;
  text-decoration: none;
}

code[class*='language-'] a[href]:hover, code[class*='language-'] .read-more-button[href]:hover,
pre[class*='language-'] a[href]:hover,
pre[class*='language-'] .read-more-button[href]:hover {
  cursor: help;
  text-decoration: underline;
}

pre[class*='language-'] {
  position: relative;
}

pre[class*='language-'] > code[data-language] {
  overflow: scroll;
  display: block;
}

pre[class*='language-'] > code[data-language]::before {
  content: attr(data-language);
  color: black;
  background-color: #cfcfcf;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.9em;
  border-radius: 0 0 0 5px;
  padding: 0 0.5em;
  text-shadow: none;
  display: none;
}

.flex, .justify-content--flex-start,
.justify-start, .justify-content--flex-end,
.justify-end, .category-products--flex.category-products, .grouped-category .grouped-products-sections .category-products {
  display: flex;
  width: 100%;
}

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

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

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

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

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

.justify-content--flex-start,
.justify-start {
  justify-content: flex-start;
}

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

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

.flex-grow-one {
  flex-grow: 1;
}

.flex-wrap, .category-products--flex.category-products, .grouped-category .grouped-products-sections .category-products {
  flex-wrap: wrap;
}

.flex-grow-one-shrink-none-basis-auto {
  flex: 1 0 auto;
}

.space-items > * {
  margin: 1em;
}

@media screen and (min-width: 64.0625em) {
  .flex--desktop {
    display: flex;
    width: 100%;
  }
  .flex--desktop.flex-column {
    flex-direction: column;
  }
  .flex--desktop.align-items--center {
    align-items: center;
  }
  .flex--desktop.align-items--flex-end {
    align-items: flex-end;
  }
  .flex--desktop.justify-content--center {
    justify-content: center;
  }
  .flex--desktop.justify-content--space-between {
    justify-content: space-between;
  }
  .flex--desktop.space-items > * {
    margin: 1em;
  }
}

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .grid:after {
    content: '';
    flex: auto;
  }
}

.grid-item {
  flex: 1 0 100%;
  position: relative;
  margin: 0 0 12px;
  display: block;
  width: 0;
}

@media screen and (min-width: 768px) {
  .grid--2 .grid-item {
    flex: 0 0 49.5%;
    max-width: 49.5%;
  }
  .grid--2 .grid-item:nth-child(2n + 2) {
    margin-left: 1%;
  }
  .grid--2 .grid-item:nth-child(2n + 1):nth-last-child(-n + 2),
  .grid--2 .grid-item:nth-child(2n + 1):nth-last-child(-n + 2) ~ .grid-item {
    margin-bottom: 0;
  }
  .grid--2.grid--spaced .grid-item {
    flex: 0 0 45.5%;
    max-width: 45.5%;
  }
  .grid--2.grid--spaced .grid-item:nth-child(2n + 2) {
    margin-left: 9%;
  }
  .grid--3 .grid-item {
    flex: 1 0 32.333333333%;
    max-width: 32.666666667%;
  }
  .grid--3 .grid-item:nth-child(3n + 2), .grid--3 .grid-item:nth-child(3n + 3) {
    margin-left: 1%;
  }
  .grid--3 .grid-item:nth-child(3n + 1):nth-last-child(-n + 3),
  .grid--3 .grid-item:nth-child(3n + 1):nth-last-child(-n + 3) ~ .grid-item {
    margin-bottom: 0;
  }
  .grid--3.grid--spaced .grid-item {
    flex: 1 0 31%;
    max-width: 31%;
  }
  .grid--3.grid--spaced .grid-item:nth-child(3n + 2), .grid--3.grid--spaced .grid-item:nth-child(3n + 3) {
    margin-left: 3.5%;
  }
  .grid--3.grid--spaced .grid-item:nth-child(3n + 1):nth-last-child(-n + 3),
  .grid--3.grid--spaced .grid-item:nth-child(3n + 1):nth-last-child(-n + 3) ~ .grid-item {
    margin-bottom: 0;
  }
  .grid--4 .grid-item {
    flex: 1 0 24.25%;
    max-width: 24.25%;
  }
  .grid--4 .grid-item:nth-child(4n + 2), .grid--4 .grid-item:nth-child(4n + 3), .grid--4 .grid-item:nth-child(4n + 4) {
    margin-left: 1%;
  }
  .grid--4 .grid-item:nth-child(4n + 1):nth-last-child(-n + 4),
  .grid--4 .grid-item:nth-child(4n + 1):nth-last-child(-n + 4) ~ .grid-item {
    margin-bottom: 0;
  }
  .grid--5 .grid-item {
    flex: 1 0 19.2%;
    max-width: 19.2%;
  }
  .grid--5 .grid-item:nth-child(5n + 2), .grid--5 .grid-item:nth-child(5n + 3), .grid--5 .grid-item:nth-child(5n + 4), .grid--5 .grid-item:nth-child(5n + 5) {
    margin-left: 1%;
  }
  .grid--5 .grid-item:nth-child(5n + 1):nth-last-child(-n + 5),
  .grid--5 .grid-item:nth-child(5n + 1):nth-last-child(-n + 5) ~ .grid-item {
    margin-bottom: 0;
  }
  .grid--6 .grid-item {
    flex: 1 0 15.833333333%;
    max-width: 15.833333333%;
  }
  .grid--6 .grid-item:nth-child(6n + 2), .grid--6 .grid-item:nth-child(6n + 3), .grid--6 .grid-item:nth-child(6n + 4), .grid--6 .grid-item:nth-child(6n + 5), .grid--6 .grid-item:nth-child(6n + 6) {
    margin-left: 1%;
  }
  .grid--6 .grid-item:nth-child(6n + 1):nth-last-child(-n + 6),
  .grid--6 .grid-item:nth-child(6n + 1):nth-last-child(-n + 6) ~ .grid-item {
    margin-bottom: 0;
  }
}

.columns {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.columns::after {
  clear: both;
  content: '';
  display: table;
}

.column1 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column1:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column1 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 6.85076%;
  }
  .column1:last-child {
    margin-right: 0;
  }
}

.column2 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column2:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column2 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 15.31888%;
  }
  .column2:last-child {
    margin-right: 0;
  }
}

.column3 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column3:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column3 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 23.78699%;
  }
  .column3:last-child {
    margin-right: 0;
  }
}

.column4 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column4:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column4 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .column4:last-child {
    margin-right: 0;
  }
}

.column5 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column5:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column5 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 40.72321%;
  }
  .column5:last-child {
    margin-right: 0;
  }
}

.column6 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column6:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column6 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .column6:last-child {
    margin-right: 0;
  }
}

.column7 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column7:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column7 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 57.65944%;
  }
  .column7:last-child {
    margin-right: 0;
  }
}

.column8 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column8:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column8 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 66.12755%;
  }
  .column8:last-child {
    margin-right: 0;
  }
}

.column9 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column9:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column9 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 74.59566%;
  }
  .column9:last-child {
    margin-right: 0;
  }
}

.column10 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column10:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column10 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 83.06378%;
  }
  .column10:last-child {
    margin-right: 0;
  }
}

.column11 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column11:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column11 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 91.53189%;
  }
  .column11:last-child {
    margin-right: 0;
  }
}

.column12 {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.column12:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .column12 {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 100%;
  }
  .column12:last-child {
    margin-right: 0;
  }
}

.fill-screen {
  width: 100%;
  height: auto;
  position: absolute;
  top: 6.375em;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .fill-screen {
    top: 6.375em;
  }
}

@media screen and (min-width: 64.0625em) {
  .fill-screen {
    top: 7.375em;
  }
}

.h1, .video-page h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .lp--1 .lp--1__main .product-name {
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .h1, .video-page h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .lp--1 .lp--1__main .product-name {
    letter-spacing: -1px;
  }
}


.h2,
.referrals-form:not(.referrals-modal__referral-form) .h3,
.referrals-form:not(.referrals-modal__referral-form) #story h3,
#story .referrals-form:not(.referrals-modal__referral-form) h3,
.referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label {
  line-height: 1.2;
}


.h7,
.product-card .product-card--context {
  font-size: 0.75em;
}

.line-height-12 {
  line-height: 1.2;
}

.title--has-button {
  display: flex;
  align-items: center;
}

.title--has-button > span {
  margin-right: auto;
}

.title--has-button .button, .title--has-button .poll__answers .list .poll__answer, .poll__answers .list .title--has-button .poll__answer {
  font-size: 0.625em;
}

.title--has-button form {
  display: inline-block;
  font-size: 0.625em;
}

.italic {
  font-weight: 400;
  font-style: italic;
}

.regular {
  font-weight: 400;
}

.semi-bold {
  font-weight: 600;
}

.bold, .select-dropdown .select-dropdown__label span, .product-card.submission-card .submission-card__name h4, .product-card.submission-card .submission-card__counts strong, .product-card.submission-card .submission-card__counts .link, .product-card.submission-card .submission-card__counts .comment-body a, .comment-body .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .comment-body .read-more-button, .comment-body .product-card.submission-card .submission-card__counts .read-more-button,
.product-card.submission-card .submission-card__counts .comment-header a, .comment-header .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .comment-header .read-more-button, .comment-header .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .real-time-stream .h5 a, .real-time-stream .h5 .product-card.submission-card .submission-card__counts a, .real-time-stream .product-card.submission-card .submission-card__counts .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card.submission-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .submission-card__counts a, .product-card.submission-card .submission-card__counts .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card.submission-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .submission-card__counts a, .real-time-stream .product-card.submission-card .submission-card__counts .product-card--design-idea .product-card-name a, .real-time-stream .product-card.submission-card .product-card--design-idea .product-card-name .submission-card__counts a, .product-card.submission-card .submission-card__counts .product-card--design-idea .real-time-stream .product-card-name a, .product-card.submission-card .product-card--design-idea .real-time-stream .product-card-name .submission-card__counts a, .product-card.submission-card .submission-card__counts .real-time-stream #story h5 a, .real-time-stream #story h5 .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts #story .real-time-stream h5 a, #story .real-time-stream h5 .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .product-card.submission-card .submission-card__counts .read-more-button, .real-time-stream .product-card.submission-card .submission-card__counts .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card.submission-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card.submission-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .submission-card__counts .read-more-button, .real-time-stream .product-card.submission-card .submission-card__counts .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card.submission-card .product-card--design-idea .product-card-name .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card.submission-card .product-card--design-idea .real-time-stream .product-card-name .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .main-nav__cart .menu-button, .main-nav__cart .product-card.submission-card .submission-card__counts .menu-button, .product-card.submission-card .submission-card__counts .input-feedback, .product-card.submission-card .submission-card__counts .icon-list--colored a, .icon-list--colored .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .icon-list--colored .read-more-button, .icon-list--colored .product-card.submission-card .submission-card__counts .read-more-button,
.product-card.submission-card .submission-card__counts .icon-list--colored button, .icon-list--colored .product-card.submission-card .submission-card__counts button, .product-card.submission-card .submission-card__counts .site-footer li, .site-footer .product-card.submission-card .submission-card__counts li,
.product-card.submission-card .submission-card__counts .site-footer a, .site-footer .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .site-footer .read-more-button, .site-footer .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .read-more a, .read-more .product-card.submission-card .submission-card__counts a, .product-card.submission-card .submission-card__counts .read-more .read-more-button, .read-more .product-card.submission-card .submission-card__counts .read-more-button, .product-card.submission-card .submission-card__counts .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .product-card.submission-card .submission-card__counts button, .select-dropdown__dropdown--multiple .h6, .select-dropdown__dropdown--multiple .product-card .product-price, .product-card .select-dropdown__dropdown--multiple .product-price, .product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row:first-child, .product-sizing-chart .product-sizing__table .product-sizing__label--bold, .landing-page--black-only .leg-opening-selector-wrapper .button-group .button.button-is-active, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer,
.product-detail-page .leg-opening-selector-wrapper .button-group .button.button-is-active, .product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer, .poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer, .filters-sorters-band-wrapper .section-header {
  font-weight: 700;
}

/* 
	RESPONSIVE TYPOGRAPHY
	https://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps
	
 */
p {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

small,
p.small {
  font-size: 0.875em;
}

p.lead {
  font-size: 1.375em;
  margin-bottom: 1em;
  color: #68615d;
}

p.secondary {
  font-size: 1.125em;
  margin-bottom: 1em;
  margin-top: 0.25em;
  color: #68615d;
  line-height: 1.2;
}


strong,
.link,
.comment-body a,
.comment-body .read-more-button,
.comment-header a,
.comment-header .read-more-button,
.profile-card__bottom.profile-card__bottom--bio a,
.profile-card__bottom.profile-card__bottom--bio .read-more-button,
.real-time-stream .h5 a,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a,
.real-time-stream .product-card .product-card--design-idea .product-card-name a,
.product-card .product-card--design-idea .real-time-stream .product-card-name a,
.real-time-stream #story h5 a,
#story .real-time-stream h5 a,
.real-time-stream .filters .section-header a,
.filters .real-time-stream .section-header a,
.real-time-stream .sorters .section-header a,
.sorters .real-time-stream .section-header a,
.real-time-stream .chat-notification__title a,
.real-time-stream .h5 .read-more-button,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button,
.real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button,
.product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button,
.real-time-stream #story h5 .read-more-button,
#story .real-time-stream h5 .read-more-button,
.real-time-stream .filters .section-header .read-more-button,
.filters .real-time-stream .section-header .read-more-button,
.real-time-stream .sorters .section-header .read-more-button,
.sorters .real-time-stream .section-header .read-more-button,
.real-time-stream .chat-notification__title .read-more-button,
.main-nav__cart .menu-button,
.input-feedback,
.icon-list--colored a,
.icon-list--colored .read-more-button,
.icon-list--colored button,
.site-footer li,
.site-footer a,
.site-footer .read-more-button,
.read-more a,
.read-more .read-more-button,
.product-sidebar .product-questions-link button,
b {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

i[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

a, .read-more-button {
  text-decoration: none;
  color: inherit;
}

a:focus, .read-more-button:focus {
  outline: 0;
}

.link, .comment-body a, .comment-body .read-more-button,
.comment-header a, .comment-header .read-more-button, .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .read-more-button, .real-time-stream .h5 a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .real-time-stream .product-card .product-card--design-idea .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name a, .real-time-stream #story h5 a, #story .real-time-stream h5 a, .real-time-stream .filters .section-header a, .filters .real-time-stream .section-header a, .real-time-stream .sorters .section-header a, .sorters .real-time-stream .section-header a, .real-time-stream .chat-notification__title a, .real-time-stream .h5 .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .real-time-stream #story h5 .read-more-button, #story .real-time-stream h5 .read-more-button, .real-time-stream .filters .section-header .read-more-button, .filters .real-time-stream .section-header .read-more-button, .real-time-stream .sorters .section-header .read-more-button, .sorters .real-time-stream .section-header .read-more-button, .real-time-stream .chat-notification__title .read-more-button, .main-nav__cart .menu-button,
.link-colored,
.icon-list--colored a,
.icon-list--colored .read-more-button,
.icon-list--colored button,
.read-more a,
.read-more .read-more-button,
.stream-activity .activity-update .message-contents a,
.stream-activity .activity-update .message-contents .read-more-button,
.link-primary,
.product-sidebar .product-questions-link button {
  color: #333;
}

.link-underlined, .live-launch__chat .chat__messages .chat-message .message a, .live-launch__chat .chat__messages .chat-message .message .read-more-button,
.underlined {
  text-decoration: underline;
}

.link-hovered:hover {
  color: #333;
}

.capitalize {
  text-transform: capitalize;
}

.font-decorated, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .h3, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question #story h3, #story .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question h3, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-chat__container .home-chat__content .content__headline, .home-media-article__container .home-media-article__content .content__headline, .summer-travel blockquote:before {
  font-family: "Playfair Display", serif;
}

.font-condensed {
  font-family: "Open Sans Condensed", sans-serif;
}

.required-text {
  color: #ff6e00;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.loading-message {
  color: #807873;
}

figcaption img {
  float: right;
  width: auto;
}

address {
  font-style: normal;
}

blockquote,
.blockquote {
  border-left: 4px solid #a09995;
  color: #68615d;
  padding-left: 1em;
  margin-bottom: 1em;
  font-size: 1.25em;
  line-height: 1.5;
}

dl {
  margin-left: 0;
}

dl dt {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

dl dd {
  margin-bottom: 1em;
}

.ruled-type {
  display: inline-block;
  border-bottom: 4px solid #edeceb;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

.decorated-type {
  overflow: hidden;
  text-align: center;
  margin-bottom: 1em;
}

.decorated-type.decorated-type--medium span {
  background-color: #a09995;
  color: #fff;
}

.decorated-type.decorated-type--medium span:before, .decorated-type.decorated-type--medium span:after {
  margin: 0;
}

.decorated-type.decorated-type--dark span {
  background-color: #333;
  color: #fff;
}

.decorated-type.decorated-type--dark span:before, .decorated-type.decorated-type--dark span:after {
  margin: 0;
}

.decorated-type span {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0 0.25em;
  color: #333;
}

.decorated-type span:before, .decorated-type span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 1px dotted #dcdad8;
  width: 600px;
  margin: 0 0.5em;
}

.decorated-type span:before {
  right: 100%;
}

.decorated-type span:after {
  left: 100%;
}

.decorated-type span.dark:before, .decorated-type span.dark:after {
  border-bottom: 1px solid #333;
}

ul.list--no-bullets, ul.table-list-items {
  margin-left: 0;
  list-style: none;
}

hr.thick {
  border-top: 4px solid #edeceb;
  margin: 2em 0;
}

.inline-divider {
  margin: 0 0.33333em;
  color: #a09995;
}

.huge-number {
  font-size: 8em;
  line-height: 1;
}

.line-title {
  padding: 1em 0;
  margin: 0;
  text-align: center;
  position: relative;
}

.line-title:before {
  content: '';
  height: 4px;
  width: 2em;
  background-color: #333;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

p.dropcap:first-letter {
  float: left;
  color: #4c8226;
  font-size: 5.7em;
  line-height: 0.7;
  padding-top: 4px;
  padding-right: 8px;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.shift-left--50 {
  position: relative;
  left: -50%;
}

.shift-left--33 {
  position: relative;
  left: -33.333%;
}

.shift-left--25 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .shift-left--25 {
    left: -25%;
  }
}

.flag, .coment-commenter-title {
  padding: 1px 4px;
  color: #fff;
  width: auto;
  text-transform: uppercase;
  font-size: 0.75em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  position: relative;
  white-space: nowrap;
  top: -2px;
}

.flag:after, .coment-commenter-title:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
}

.flag.background-red, .background-red.coment-commenter-title, .flag.flag--idea.rejected, .flag--idea.rejected.coment-commenter-title {
  background: #ec230c;
}

.flag.background-red:after, .background-red.coment-commenter-title:after, .flag.flag--idea.rejected:after, .flag--idea.rejected.coment-commenter-title:after {
  border-color: transparent #811307 transparent transparent;
}

.flag.background-yellow, .background-yellow.coment-commenter-title, .flag.flag--idea.submitted, .flag--idea.submitted.coment-commenter-title {
  background: #ffc83f;
}

.flag.background-yellow:after, .background-yellow.coment-commenter-title:after, .flag.flag--idea.submitted:after, .flag--idea.submitted.coment-commenter-title:after {
  border-color: transparent #ce9300 transparent transparent;
}

.flag.background-orange, .background-orange.coment-commenter-title, .flag.flag--preorder, .flag--preorder.coment-commenter-title, .flag.flag--idea, .flag--idea.coment-commenter-title {
  background: #ff6e00;
}

.flag.background-orange:after, .background-orange.coment-commenter-title:after, .flag.flag--preorder:after, .flag--preorder.coment-commenter-title:after, .flag.flag--idea:after, .flag--idea.coment-commenter-title:after {
  border-color: transparent #b34d00 transparent transparent;
}

.flag.background-blue, .background-blue.coment-commenter-title {
  background: #27a8e0;
}

.flag.background-blue:after, .background-blue.coment-commenter-title:after {
  border-color: transparent #136284 transparent transparent;
}

.flag.background-green, .background-green.coment-commenter-title, .flag.flag--added, .flag--added.coment-commenter-title, .flag.flag--success, .flag--success.coment-commenter-title, .flag.flag--idea.published, .flag--idea.published.coment-commenter-title {
  background: #4c8226;
}

.flag.background-green:after, .background-green.coment-commenter-title:after, .flag.flag--added:after, .flag--added.coment-commenter-title:after, .flag.flag--success:after, .flag--success.coment-commenter-title:after, .flag.flag--idea.published:after, .flag--idea.published.coment-commenter-title:after {
  border-color: transparent #192b0d transparent transparent;
}

.flag.background-gray, .background-gray.coment-commenter-title, .flag.flag--out-of-stock, .flag--out-of-stock.coment-commenter-title, .flag.flag--idea.unpublished, .flag--idea.unpublished.coment-commenter-title {
  background: #a09995;
}

.flag.background-gray:after, .background-gray.coment-commenter-title:after, .flag.flag--out-of-stock:after, .flag--out-of-stock.coment-commenter-title:after, .flag.flag--idea.unpublished:after, .flag--idea.unpublished.coment-commenter-title:after {
  border-color: transparent #68615d transparent transparent;
}

.flag.background-neon-yellow, .background-neon-yellow.coment-commenter-title {
  color: #333;
  background: #ddff3c;
}

.flag.background-neon-yellow:after, .background-neon-yellow.coment-commenter-title:after {
  border-color: transparent #a7cb00 transparent transparent;
}

.flag-scarcity {
  text-transform: uppercase;
  color: white;
  background: #9100e5;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  width: 8em;
}

.flag-container {
  display: flex;
}

.flag-container .flag, .flag-container .coment-commenter-title {
  display: inline-block;
  margin-top: 0;
  margin-left: 0;
}

.flag-container .flag.flag--preorder, .flag-container .flag--preorder.coment-commenter-title {
  background-color: #f65745;
}

.flag-container .flag.flag--left, .flag-container .flag--left.coment-commenter-title {
  padding-right: 0.75em;
  padding-left: 0.75em;
  font-style: italic;
  border: 1px solid #f65745;
}

.flag-container .flag.flag--right, .flag-container .flag--right.coment-commenter-title {
  padding-left: 0.25em;
  margin-left: 0;
}

.flag-container .flag.flag--subtext, .flag-container .flag--subtext.coment-commenter-title {
  text-transform: initial;
  font-style: italic;
  border: 1px solid;
  color: #f65745;
}

.flag-container .flag:after, .flag-container .coment-commenter-title:after {
  content: none;
}

.terms-checkbox {
  display: flex;
}

.terms-checkbox small {
  margin-left: 1em;
  margin-top: -0.5em;
}

.break-text {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

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

.vertical-align--top {
  vertical-align: top;
}

.vertical-align--top .button, .vertical-align--top .poll__answers .list .poll__answer, .poll__answers .list .vertical-align--top .poll__answer {
  vertical-align: top;
}

.vertical-align--middle {
  vertical-align: middle;
}

.vertical-align--middle > * {
  vertical-align: middle;
}

.break-mobile,
.break-phone {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .break-mobile,
  .break-phone {
    display: block;
  }
}

.break-mobile.testMobile,
.break-phone.testMobile {
  display: block;
}

.break-tablet {
  display: none;
}

@media screen and (min-width: 768px) {
  .break-tablet {
    display: block;
  }
}

.break-desktop {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .break-desktop {
    display: block;
  }
}

.break-desktop-md {
  display: none;
}

@media screen and (min-width: 1216px) {
  .break-desktop-md {
    display: block;
  }
}

.badge, .main-nav .lozenge {
  position: relative;
  display: inline-block;
  min-width: 1.4375em;
  padding: 0.25em 0.5em;
  top: -0.0625em;
  font-size: 0.875em;
  color: #fff;
  line-height: 0.875em;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #807873;
  border-radius: 0.875em;
  margin-left: 0.25em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.button-primary .badge, .button-primary .main-nav .lozenge, .main-nav .button-primary .lozenge {
  background-color: #333;
}

.badge.badge--small, .main-nav .badge--small.lozenge {
  font-size: 58%;
}

.opacity-half {
  opacity: 0.5;
}

.currency-selection .currency-flag {
  width: 10%;
  vertical-align: middle;
}

.overline {
  color: #68615d;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
}

.icon--large, .upload-file__drop-box__icons i {
  font-size: 2em;
}

.icon--xlarge, .profile-blank i {
  font-size: 3em;
}

.icon--xxlarge {
  font-size: 4em;
}

.icon--xxxlarge {
  font-size: 5em;
}

.feather {
  height: 1.25em;
  margin: 0 auto;
}

.feather.feather-shopping-bag {
  content: url(/angular/src/images/feather/shopping-bag.svg);
}

.feather.feather-heart {
  content: url(/angular/src/images/feather/heart.svg);
}

/* Reset `button` and button-style `input` default styles */
input[type='submit'],
input[type='reset'],
input[type='button'],
button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type='submit']:focus,
input[type='reset']:focus,
input[type='button']:focus,
button:focus {
  outline: 0;
}

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

[ng-click] {
  cursor: pointer;
}

/* Make `a` like a button */
comment [role='button'] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.button, .poll__answers .list .poll__answer {
  display: inline-block;
  background-color: #68615d;
  line-height: 1;
  padding: 1em 2em;
  color: #fff;
  transition-duration: background-color 0.2s, color 0.2s, border-color 0.2s;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 112%;
  min-width: 0em;
  border-bottom: 1px solid #807873;
  white-space: nowrap;
}

.button:focus, .poll__answers .list .poll__answer:focus, .button:hover, .poll__answers .list .poll__answer:hover, .button.active, .poll__answers .list .active.poll__answer {
  background-color: #807873;
}

.button.button-primary, .poll__answers .list .button-primary.poll__answer {
  background-color: #4c8226;
  border-color: #375e1c;
}

.button.button-primary:focus, .poll__answers .list .button-primary.poll__answer:focus, .button.button-primary:hover, .poll__answers .list .button-primary.poll__answer:hover, .button.button-primary.active, .poll__answers .list .button-primary.active.poll__answer {
  background-color: #375e1c;
}

.button.button-primary.button-outline, .alert--out-of-stock .button.button-primary.button-outline:hover, .out-of-stock-form .button.button-primary.button-outline:hover, .poll__answers .list .button-primary.poll__answer {
  border: 1px solid #333;
  color: #333;
  background-color: transparent;
}

.button.button-primary.button-outline.is-selected, .poll__answers .list .button-primary.is-selected.poll__answer {
  background-color: #333;
  color: #fff;
}

.button.button-primary.button-outline:focus, .poll__answers .list .button-primary.poll__answer:focus {
  box-shadow: 0 0 0 1px #a09995;
}

.button.button-primary.button-outline:hover, .poll__answers .list .button-primary.poll__answer:hover, .button.button-primary.button-outline.active, .poll__answers .list .button-primary.active.poll__answer {
  background-color: #333;
  color: #fff;
}

.button.button-secondary, .poll__answers .list .button-secondary.poll__answer {
  background-color: #a09995;
  border-color: #807873;
}

.button.button-secondary:focus, .poll__answers .list .button-secondary.poll__answer:focus, .button.button-secondary:hover, .poll__answers .list .button-secondary.poll__answer:hover, .button.button-secondary.active, .poll__answers .list .button-secondary.active.poll__answer {
  background-color: #807873;
}

.button.button-secondary.button-outline, .alert--out-of-stock .button.button-secondary.button-outline:hover, .out-of-stock-form .button.button-secondary.button-outline:hover, .poll__answers .list .button-secondary.poll__answer {
  font-size: 100%;
  border: 1px solid #a09995;
  color: #a09995;
  background-color: transparent;
}

.button.button-secondary.button-outline.is-selected, .poll__answers .list .button-secondary.is-selected.poll__answer {
  background-color: #a09995;
  color: #fff;
}

.button.button-secondary.button-outline:focus, .poll__answers .list .button-secondary.poll__answer:focus, .button.button-secondary.button-outline:hover, .poll__answers .list .button-secondary.poll__answer:hover, .button.button-secondary.button-outline.active, .poll__answers .list .button-secondary.active.poll__answer {
  background-color: transparent;
}

.button.button-black, .poll__answers .list .button-black.poll__answer {
  background-color: #333;
  border-color: black;
}

.button.button-black:focus, .poll__answers .list .button-black.poll__answer:focus, .button.button-black:hover, .poll__answers .list .button-black.poll__answer:hover, .button.button-black.active, .poll__answers .list .button-black.active.poll__answer {
  background-color: black;
}

.button.button-mid-black, .poll__answers .list .button-mid-black.poll__answer {
  background-color: #121212;
  border-color: black;
}

.button.button-mid-black:focus, .poll__answers .list .button-mid-black.poll__answer:focus, .button.button-mid-black:hover, .poll__answers .list .button-mid-black.poll__answer:hover, .button.button-mid-black.active, .poll__answers .list .button-mid-black.active.poll__answer {
  background-color: black;
}

.button.button-gray, .poll__answers .list .button-gray.poll__answer {
  background-color: #a09995;
  border-color: #68615d;
}

.button.button-gray:focus, .poll__answers .list .button-gray.poll__answer:focus, .button.button-gray:hover, .poll__answers .list .button-gray.poll__answer:hover, .button.button-gray.active, .poll__answers .list .button-gray.active.poll__answer {
  background-color: #68615d;
  border-color: #4a4543;
}

.button.button-gray-light, .poll__answers .list .button-gray-light.poll__answer {
  background-color: #edeceb;
  border-color: #a09995;
  color: #333;
}

.button.button-gray-light:focus, .poll__answers .list .button-gray-light.poll__answer:focus, .button.button-gray-light:hover, .poll__answers .list .button-gray-light.poll__answer:hover, .button.button-gray-light.active, .poll__answers .list .button-gray-light.active.poll__answer {
  background-color: #e8e7e6;
  border-color: #68615d;
}

.button.button-purple, .poll__answers .list .button-purple.poll__answer {
  background-color: #9100e5;
  border-color: #4a0075;
}

.button.button-purple:focus, .poll__answers .list .button-purple.poll__answer:focus, .button.button-purple:hover, .poll__answers .list .button-purple.poll__answer:hover, .button.button-purple.active, .poll__answers .list .button-purple.active.poll__answer {
  background-color: #4a0075;
}

.button.button-green, .poll__answers .list .button-green.poll__answer, .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected, .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button, .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected, .out-of-stock__modal .out-of-stock-form .button.stock-submit-button {
  background-color: #4c8226;
  border-color: #192b0d;
}

.button.button-green:focus, .poll__answers .list .button-green.poll__answer:focus, .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected:focus, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected:focus, .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button:focus, .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button:focus, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected:focus, .out-of-stock__modal .out-of-stock-form .button.stock-submit-button:focus, .button.button-green:hover, .poll__answers .list .button-green.poll__answer:hover, .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected:hover, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected:hover, .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button:hover, .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button:hover, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected:hover, .out-of-stock__modal .out-of-stock-form .button.stock-submit-button:hover, .button.button-green.active, .poll__answers .list .button-green.active.poll__answer, .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .active.poll__answer.is-selected, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .active.poll__answer.is-selected, .poll__answers .list .out-of-stock__modal .out-of-stock-form .active.poll__answer.stock-submit-button, .out-of-stock__modal .out-of-stock-form .poll__answers .list .active.poll__answer.stock-submit-button, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.active.is-selected, .out-of-stock__modal .out-of-stock-form .button.active.stock-submit-button {
  background-color: #192b0d;
}

.button.button-blue, .poll__answers .list .button-blue.poll__answer {
  background-color: #27a8e0;
  border-color: #136284;
}

.button.button-blue:focus, .poll__answers .list .button-blue.poll__answer:focus, .button.button-blue:hover, .poll__answers .list .button-blue.poll__answer:hover, .button.button-blue.active, .poll__answers .list .button-blue.active.poll__answer {
  background-color: #136284;
}

.button.button-info, .poll__answers .list .button-info.poll__answer {
  background-color: #fff4d8;
  color: #a57600;
  border: 0;
  border-radius: 2rem;
  line-height: 1;
}

.button.button-info:focus, .poll__answers .list .button-info.poll__answer:focus, .button.button-info:hover, .poll__answers .list .button-info.poll__answer:hover, .button.button-info.active, .poll__answers .list .button-info.active.poll__answer {
  background-color: #ce9300;
}

.button.button-outline, .alert--out-of-stock .button.button-outline, .out-of-stock-form .button.button-outline, .alert--out-of-stock .button.button-outline:hover, .out-of-stock-form .button.button-outline:hover, .alert--out-of-stock .poll__answers .list .poll__answer:hover, .poll__answers .list .alert--out-of-stock .poll__answer:hover, .poll__answers .list .poll__answer {
  font-size: 100%;
  border: 1px solid #333;
  background-color: transparent;
  color: #333;
}

.button.button-outline:focus, .alert--out-of-stock .button.button-outline:focus:hover, .out-of-stock-form .button.button-outline:focus:hover, .poll__answers .list .poll__answer:focus, .button.button-outline:hover, .alert--out-of-stock .button.button-outline:hover, .out-of-stock-form .button.button-outline:hover, .poll__answers .list .poll__answer:hover, .button.button-outline.active, .alert--out-of-stock .button.active.button-outline:hover, .out-of-stock-form .button.active.button-outline:hover, .poll__answers .list .active.poll__answer {
  color: black;
}

.button.button-white, .poll__answers .list .button-white.poll__answer, .button.button-reverse, .poll__answers .list .button-reverse.poll__answer {
  background: linear-gradient(-180deg, #fff 0, #edeceb 100%);
  border-bottom-color: #a09995;
  color: #333;
}

.button.button-white:focus, .poll__answers .list .button-white.poll__answer:focus, .button.button-white:hover, .poll__answers .list .button-white.poll__answer:hover, .button.button-white.active, .poll__answers .list .button-white.active.poll__answer, .button.button-reverse:focus, .poll__answers .list .button-reverse.poll__answer:focus, .button.button-reverse:hover, .poll__answers .list .button-reverse.poll__answer:hover, .button.button-reverse.active, .poll__answers .list .button-reverse.active.poll__answer {
  opacity: 0.6;
}

.button.button-delete, .poll__answers .list .button-delete.poll__answer, .button.button-danger, .poll__answers .list .button-danger.poll__answer {
  background-color: #ec230c;
  border-color: #ad1a09;
}

.button.button-delete.button-outline, .alert--out-of-stock .button.button-delete.button-outline:hover, .out-of-stock-form .button.button-delete.button-outline:hover, .poll__answers .list .button-delete.poll__answer, .button.button-danger.button-outline, .alert--out-of-stock .button.button-danger.button-outline:hover, .out-of-stock-form .button.button-danger.button-outline:hover, .poll__answers .list .button-danger.poll__answer {
  font-size: 100%;
  border: 1px solid #ec230c;
  background-color: transparent;
  color: #ec230c;
}

.button.button-delete.button-outline.is-selected, .poll__answers .list .button-delete.is-selected.poll__answer, .button.button-danger.button-outline.is-selected, .poll__answers .list .button-danger.is-selected.poll__answer {
  background-color: #ec230c;
  color: #fff;
}

.button.button-delete.button-outline:hover, .poll__answers .list .button-delete.poll__answer:hover, .button.button-delete.button-outline.active, .poll__answers .list .button-delete.active.poll__answer, .button.button-danger.button-outline:hover, .poll__answers .list .button-danger.poll__answer:hover, .button.button-danger.button-outline.active, .poll__answers .list .button-danger.active.poll__answer {
  opacity: 0.5;
  background-color: transparent;
}

.button.button-delete:hover, .poll__answers .list .button-delete.poll__answer:hover, .button.button-delete.active, .poll__answers .list .button-delete.active.poll__answer, .button.button-danger:hover, .poll__answers .list .button-danger.poll__answer:hover, .button.button-danger.active, .poll__answers .list .button-danger.active.poll__answer {
  background-color: #ad1a09;
}

.button.button-rounded, .poll__answers .list .button-rounded.poll__answer {
  border-radius: 3em;
}

.button.button-small, .poll__answers .list .button-small.poll__answer {
  font-size: 0.75em;
  padding: 0.75em 1.25em;
}

.button.button-inline, .poll__answers .list .button-inline.poll__answer {
  font-size: 0.75em !important;
  padding: 0.5em 0.75em;
}

.button.button-medium, .poll__answers .list .button-medium.poll__answer {
  font-size: 0.875rem;
  padding: 0.75rem 1.25rem;
}

.button.button-large, .poll__answers .list .button-large.poll__answer {
  font-size: 1.125em;
  padding: 1em 1.25em;
}

.button.button-full, .poll__answers .list .poll__answer, .out-of-stock__modal .out-of-stock-form .button.stock-submit-button {
  width: 100%;
  display: block;
  text-align: center;
}

.button.button[disabled], .poll__answers .list .poll__answer[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.button.button-facebook, .poll__answers .list .button-facebook.poll__answer {
  background-color: #415e9b;
  border-color: #2d426c;
}

.button.button-facebook:hover, .poll__answers .list .button-facebook.poll__answer:hover, .button.button-facebook.active, .poll__answers .list .button-facebook.active.poll__answer {
  background-color: #2d426c;
}

.button.button-facebook.button-outline, .alert--out-of-stock .button.button-facebook.button-outline:hover, .out-of-stock-form .button.button-facebook.button-outline:hover, .poll__answers .list .button-facebook.poll__answer {
  font-size: 100%;
  background-color: transparent;
  color: #415e9b;
  border-color: #415e9b;
}

.button.button-twitter, .poll__answers .list .button-twitter.poll__answer {
  background-color: #54adf0;
  border-color: #1790eb;
}

.button.button-twitter:hover, .poll__answers .list .button-twitter.poll__answer:hover, .button.button-twitter.active, .poll__answers .list .button-twitter.active.poll__answer {
  background-color: #1790eb;
}

.button.button-twitter.button-outline, .alert--out-of-stock .button.button-twitter.button-outline:hover, .out-of-stock-form .button.button-twitter.button-outline:hover, .poll__answers .list .button-twitter.poll__answer {
  font-size: 100%;
  background-color: transparent;
  color: #54adf0;
  border-color: #54adf0;
}

.button.button-pinterest, .poll__answers .list .button-pinterest.poll__answer {
  background-color: #d01d15;
  border-color: #94150f;
}

.button.button-pinterest:hover, .poll__answers .list .button-pinterest.poll__answer:hover, .button.button-pinterest.active, .poll__answers .list .button-pinterest.active.poll__answer {
  background-color: #94150f;
}

.button.button--pinterest-alt, .poll__answers .list .button--pinterest-alt.poll__answer {
  position: relative;
}

.button.button--pinterest-alt a, .poll__answers .list .button--pinterest-alt.poll__answer a, .button.button--pinterest-alt .read-more-button, .poll__answers .list .button--pinterest-alt.poll__answer .read-more-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.button.button--pinterest-alt > span, .poll__answers .list .button--pinterest-alt.poll__answer > span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.button.button--pinterest-alt i, .poll__answers .list .button--pinterest-alt.poll__answer i {
  pointer-events: none;
}

.button.button-paypal, .poll__answers .list .button-paypal.poll__answer {
  border-color: #006d9c;
  background-color: #009cde;
}

.button.button-paypal:hover, .poll__answers .list .button-paypal.poll__answer:hover, .button.button-paypal.active, .poll__answers .list .button-paypal.active.poll__answer {
  background-color: #006d9c;
}

.button.button-action i, .poll__answers .list .button-action.poll__answer i {
  display: none;
}

.button.button-action.isLoading, .poll__answers .list .button-action.isLoading.poll__answer {
  min-width: 12em;
}

.button.button-action.isLoading i, .poll__answers .list .button-action.isLoading.poll__answer i {
  display: inline-block;
}

.button .explanation, .poll__answers .list .poll__answer .explanation {
  display: block;
  line-height: 1.6;
  padding-top: 0.25em;
  font-size: 0.75em;
  white-space: normal;
}

.button.has-loader i.fa-spin, .poll__answers .list .has-loader.poll__answer i.fa-spin {
  display: none;
}

.button.has-loader.is-loading i.fa-spin, .poll__answers .list .has-loader.is-loading.poll__answer i.fa-spin {
  display: inline-block;
}

.button.ladda-button, .poll__answers .list .ladda-button.poll__answer {
  font-size: inherit;
}

.button.button-icon, .poll__answers .list .button-icon.poll__answer {
  line-height: 1;
}

.button.button-icon i, .poll__answers .list .button-icon.poll__answer i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.125em;
}

.button.button-block-icon i, .poll__answers .list .button-block-icon.poll__answer i {
  display: block;
}

.alert .fa, .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code .fa, .newsletter-modal--default .discount-code .fa, .out-of-stock-form .fa {
  pointer-events: none;
}

.button-list {
  display: flex;
}

.button-list button + button {
  margin-left: 0.5em;
}

.button-list--bullets button + button:before,
.button-list--bullets a + a:before,
.button-list--bullets .read-more-button + a:before,
.button-list--bullets a + .read-more-button:before,
.button-list--bullets .read-more-button + .read-more-button:before,
.button-list--bullets button + a:before,
.button-list--bullets button + .read-more-button:before,
.button-list--bullets a + button:before,
.button-list--bullets .read-more-button + button:before {
  content: ' • ';
}

.buttons-container a, .buttons-container .read-more-button,
.buttons-container .button,
.buttons-container .poll__answers .list .poll__answer,
.poll__answers .list .buttons-container .poll__answer,
.buttons-container button {
  display: inline-block;
}

.buttons-container.buttons-container--push-top {
  margin-top: 1em;
}

.buttons-container.buttons-container--space-x2 a + a, .buttons-container.buttons-container--space-x2 .read-more-button + a, .buttons-container.buttons-container--space-x2 a + .read-more-button, .buttons-container.buttons-container--space-x2 .read-more-button + .read-more-button,
.buttons-container.buttons-container--space-x2 a + .button,
.buttons-container.buttons-container--space-x2 .read-more-button + .button,
.buttons-container.buttons-container--space-x2 .poll__answers .list a + .poll__answer,
.poll__answers .list .buttons-container.buttons-container--space-x2 a + .poll__answer,
.buttons-container.buttons-container--space-x2 .poll__answers .list .read-more-button + .poll__answer,
.poll__answers .list .buttons-container.buttons-container--space-x2 .read-more-button + .poll__answer,
.buttons-container.buttons-container--space-x2 a + button,
.buttons-container.buttons-container--space-x2 .read-more-button + button,
.buttons-container.buttons-container--space-x2 .button + a,
.buttons-container.buttons-container--space-x2 .poll__answers .list .poll__answer + a,
.poll__answers .list .buttons-container.buttons-container--space-x2 .poll__answer + a,
.buttons-container.buttons-container--space-x2 .button + .read-more-button,
.buttons-container.buttons-container--space-x2 .poll__answers .list .poll__answer + .read-more-button,
.poll__answers .list .buttons-container.buttons-container--space-x2 .poll__answer + .read-more-button,
.buttons-container.buttons-container--space-x2 .button + .button,
.buttons-container.buttons-container--space-x2 .poll__answers .list .poll__answer + .button,
.poll__answers .list .buttons-container.buttons-container--space-x2 .poll__answer + .button,
.buttons-container.buttons-container--space-x2 .poll__answers .list .button + .poll__answer,
.poll__answers .list .buttons-container.buttons-container--space-x2 .button + .poll__answer,
.buttons-container.buttons-container--space-x2 .poll__answers .list .poll__answer + .poll__answer,
.poll__answers .list .buttons-container.buttons-container--space-x2 .poll__answer + .poll__answer,
.buttons-container.buttons-container--space-x2 .button + button,
.buttons-container.buttons-container--space-x2 .poll__answers .list .poll__answer + button,
.poll__answers .list .buttons-container.buttons-container--space-x2 .poll__answer + button,
.buttons-container.buttons-container--space-x2 button + a,
.buttons-container.buttons-container--space-x2 button + .read-more-button,
.buttons-container.buttons-container--space-x2 button + .button,
.buttons-container.buttons-container--space-x2 .poll__answers .list button + .poll__answer,
.poll__answers .list .buttons-container.buttons-container--space-x2 button + .poll__answer,
.buttons-container.buttons-container--space-x2 button + button {
  margin-left: 1em;
}

.disabled-button-style, .vote-button-new.has-voted.button-primary,
.vote-button-new.has-voted + .button-secondary,
.button-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.button-group {
  display: flex;
}

.button-group .button, .button-group .poll__answers .list .poll__answer, .poll__answers .list .button-group .poll__answer {
  border-radius: 0;
}

.button-group .button + .button, .button-group .poll__answers .list .poll__answer + .button, .poll__answers .list .button-group .poll__answer + .button, .button-group .poll__answers .list .button + .poll__answer, .poll__answers .list .button-group .button + .poll__answer, .button-group .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .button-group .poll__answer + .poll__answer {
  border-left: 0;
}

.button-group .button.button-rounded:first-child, .button-group .poll__answers .list .button-rounded.poll__answer:first-child, .poll__answers .list .button-group .button-rounded.poll__answer:first-child {
  border-radius: 3em 0 0 3em;
}

.button-group .button.button-rounded:last-child, .button-group .poll__answers .list .button-rounded.poll__answer:last-child, .poll__answers .list .button-group .button-rounded.poll__answer:last-child {
  border-radius: 0 3em 3em 0;
}

.button-group .button:not(.button-is-active), .button-group .poll__answers .list .poll__answer:not(.button-is-active), .poll__answers .list .button-group .poll__answer:not(.button-is-active) {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.button-group.button-group--full .button, .button-group.button-group--full .poll__answers .list .poll__answer, .poll__answers .list .button-group.button-group--full .poll__answer {
  flex-grow: 1;
  flex-basis: 0;
}

.button-group.button-group--centered {
  justify-content: center;
}

.favorite-button.has-favorited {
  color: #4c8226;
}

.subscription-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.notifications-tooltip {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}

.notifications-tooltip .notifications-tooltip-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submission-page .replace-voted {
  overflow: visible;
}

.submission-page .production-actions .button, .submission-page .production-actions .poll__answers .list .poll__answer, .poll__answers .list .submission-page .production-actions .poll__answer {
  width: 100%;
  margin-bottom: 0.25em;
}

.replace-voted .skip-button {
  display: inline-block;
}

.replace-voted .product-card .meta-data-container {
  max-width: 22.5em;
}

.replace-voted .meta-data-container.meta-data-container--submission .meta-data {
  width: 50%;
}

.button-applepay {
  width: 100%;
  background-color: black;
  background-image: url(https://static1.betabrands.com/media/styleguide/apple_pay_logo_black.png);
  margin-bottom: 1em;
  background-position: center;
  background-size: auto 44px;
  background-origin: content-box;
  background-repeat: no-repeat;
  height: 44px;
  padding: 10px 0;
  border: none;
  border-radius: 4px;
  transition: opacity 0.2s;
}

.button-applepay:hover, .button-applepay.active {
  opacity: 0.7;
}

.refund-credit + .refund-progress,
.refund-card + .refund-progress {
  display: none;
}

.is-refunding-credit .refund-credit,
.is-refunding-card .refund-credit, .is-refunding-credit
.refund-card,
.is-refunding-card
.refund-card {
  display: none;
}

.is-refunding-credit .refund-credit + .refund-progress,
.is-refunding-card .refund-credit + .refund-progress, .is-refunding-credit
.refund-card + .refund-progress,
.is-refunding-card
.refund-card + .refund-progress {
  display: inline;
}

.is-refunding-credit .refund-credit + .processing-request,
.is-refunding-card .refund-credit + .processing-request, .is-refunding-credit
.refund-card + .processing-request,
.is-refunding-card
.refund-card + .processing-request {
  display: inline-block;
}

.button-rounded--small {
  border-radius: 4px;
}

.button.button-green, .poll__answers .list .button-green.poll__answer, .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected, .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button, .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected, .out-of-stock__modal .out-of-stock-form .button.stock-submit-button {
  background-color: #4c8226;
  border: 2px solid #4c8226;
  color: white;
}

.button-outline--green {
  border: 2px solid #4c8226;
  color: #4c8226;
  background-color: white;
}

.button-outline--green:hover, .button-outline--green:active, .button-outline--green:focus {
  background-color: white;
  border: 2px solid #375e1c;
}

.vote-button--heart.voted i {
  color: #ec230c;
}

.product-tag {
  align-items: center;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  line-height: 1;
  margin-top: 0.25em;
  padding: 0.5em;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.2s;
}

.product-tag i {
  line-height: 1;
  margin-left: 0.5em;
}

.product-tag + .product-tag {
  margin-left: 0.5em;
}

.product-tag:hover {
  background-color: #807873;
}

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

form {
  display: block;
}

form::after {
  clear: both;
  content: '';
  display: table;
}

label,
.label,
legend {
  display: block;
  margin-bottom: 0.375em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  cursor: pointer;
}

label.isError,
.label.isError,
legend.isError {
  color: #ff6e00;
}

label.isValid,
.label.isValid,
legend.isValid {
  color: #4c8226;
}

.label--inline i {
  margin-right: 0.5em;
}

.label--inline input {
  display: none;
}

.label--inline.button, .poll__answers .list .label--inline.poll__answer {
  background-color: #f4f4f3;
  border-color: #dcdad8;
  height: 2.75em;
  line-height: 2.75em;
  padding: 0 0.75em;
}

@media screen and (min-width: 768px) {
  .label--inline.button, .poll__answers .list .label--inline.poll__answer {
    padding: 0 1.5em;
  }
}

.label--inline.button:hover, .poll__answers .list .label--inline.poll__answer:hover {
  opacity: 1;
  color: #807873;
}

.inline-checkboxes {
  display: flex;
}

.inline-checkboxes label + label {
  margin-left: 1em;
}

input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
textarea,
select {
  border: 1px solid #dcdad8;
  width: 100%;
  height: 2.75em;
  padding: 0.5em 0.7em;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #f7f6f6;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='color']:focus,
textarea:focus,
select:focus {
  border: 1px solid #4c8226;
  outline: none;
}

input[type='text'].input-rounded,
input[type='password'].input-rounded,
input[type='date'].input-rounded,
input[type='datetime'].input-rounded,
input[type='datetime-local'].input-rounded,
input[type='month'].input-rounded,
input[type='week'].input-rounded,
input[type='email'].input-rounded,
input[type='number'].input-rounded,
input[type='search'].input-rounded,
input[type='tel'].input-rounded,
input[type='time'].input-rounded,
input[type='url'].input-rounded,
input[type='color'].input-rounded,
textarea.input-rounded,
select.input-rounded {
  border-radius: 5em;
}

input[type='text'].input-short,
input[type='password'].input-short,
input[type='date'].input-short,
input[type='datetime'].input-short,
input[type='datetime-local'].input-short,
input[type='month'].input-short,
input[type='week'].input-short,
input[type='email'].input-short,
input[type='number'].input-short,
input[type='search'].input-short,
input[type='tel'].input-short,
input[type='time'].input-short,
input[type='url'].input-short,
input[type='color'].input-short,
textarea.input-short,
select.input-short {
  height: 2.2em;
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 0.875em;
}

input[type='text'].input-small,
input[type='password'].input-small,
input[type='date'].input-small,
input[type='datetime'].input-small,
input[type='datetime-local'].input-small,
input[type='month'].input-small,
input[type='week'].input-small,
input[type='email'].input-small,
input[type='number'].input-small,
input[type='search'].input-small,
input[type='tel'].input-small,
input[type='time'].input-small,
input[type='url'].input-small,
input[type='color'].input-small,
textarea.input-small,
select.input-small {
  height: 1.875rem;
  font-size: 0.75em;
}

input[type='text'].required--focus.ng-invalid,
input[type='password'].required--focus.ng-invalid,
input[type='date'].required--focus.ng-invalid,
input[type='datetime'].required--focus.ng-invalid,
input[type='datetime-local'].required--focus.ng-invalid,
input[type='month'].required--focus.ng-invalid,
input[type='week'].required--focus.ng-invalid,
input[type='email'].required--focus.ng-invalid,
input[type='number'].required--focus.ng-invalid,
input[type='search'].required--focus.ng-invalid,
input[type='tel'].required--focus.ng-invalid,
input[type='time'].required--focus.ng-invalid,
input[type='url'].required--focus.ng-invalid,
input[type='color'].required--focus.ng-invalid,
textarea.required--focus.ng-invalid,
select.required--focus.ng-invalid {
  border-color: #ff6e00;
}

.ng-submitted input[type='text'].isValid,
input[type='text'] .required--focus.isValid, .ng-submitted
input[type='password'].isValid,
input[type='password'] .required--focus.isValid, .ng-submitted
input[type='date'].isValid,
input[type='date'] .required--focus.isValid, .ng-submitted
input[type='datetime'].isValid,
input[type='datetime'] .required--focus.isValid, .ng-submitted
input[type='datetime-local'].isValid,
input[type='datetime-local'] .required--focus.isValid, .ng-submitted
input[type='month'].isValid,
input[type='month'] .required--focus.isValid, .ng-submitted
input[type='week'].isValid,
input[type='week'] .required--focus.isValid, .ng-submitted
input[type='email'].isValid,
input[type='email'] .required--focus.isValid, .ng-submitted
input[type='number'].isValid,
input[type='number'] .required--focus.isValid, .ng-submitted
input[type='search'].isValid,
input[type='search'] .required--focus.isValid, .ng-submitted
input[type='tel'].isValid,
input[type='tel'] .required--focus.isValid, .ng-submitted
input[type='time'].isValid,
input[type='time'] .required--focus.isValid, .ng-submitted
input[type='url'].isValid,
input[type='url'] .required--focus.isValid, .ng-submitted
input[type='color'].isValid,
input[type='color'] .required--focus.isValid, .ng-submitted
textarea.isValid,
textarea .required--focus.isValid, .ng-submitted
select.isValid,
select .required--focus.isValid {
  border-color: #4c8226;
}

.ng-submitted input[type='text'].ng-invalid, .ng-submitted input[type='text'].isError,
input[type='text'] .required--focus.ng-invalid,
input[type='text'] .required--focus.isError, .ng-submitted
input[type='password'].ng-invalid, .ng-submitted
input[type='password'].isError,
input[type='password'] .required--focus.ng-invalid,
input[type='password'] .required--focus.isError, .ng-submitted
input[type='date'].ng-invalid, .ng-submitted
input[type='date'].isError,
input[type='date'] .required--focus.ng-invalid,
input[type='date'] .required--focus.isError, .ng-submitted
input[type='datetime'].ng-invalid, .ng-submitted
input[type='datetime'].isError,
input[type='datetime'] .required--focus.ng-invalid,
input[type='datetime'] .required--focus.isError, .ng-submitted
input[type='datetime-local'].ng-invalid, .ng-submitted
input[type='datetime-local'].isError,
input[type='datetime-local'] .required--focus.ng-invalid,
input[type='datetime-local'] .required--focus.isError, .ng-submitted
input[type='month'].ng-invalid, .ng-submitted
input[type='month'].isError,
input[type='month'] .required--focus.ng-invalid,
input[type='month'] .required--focus.isError, .ng-submitted
input[type='week'].ng-invalid, .ng-submitted
input[type='week'].isError,
input[type='week'] .required--focus.ng-invalid,
input[type='week'] .required--focus.isError, .ng-submitted
input[type='email'].ng-invalid, .ng-submitted
input[type='email'].isError,
input[type='email'] .required--focus.ng-invalid,
input[type='email'] .required--focus.isError, .ng-submitted
input[type='number'].ng-invalid, .ng-submitted
input[type='number'].isError,
input[type='number'] .required--focus.ng-invalid,
input[type='number'] .required--focus.isError, .ng-submitted
input[type='search'].ng-invalid, .ng-submitted
input[type='search'].isError,
input[type='search'] .required--focus.ng-invalid,
input[type='search'] .required--focus.isError, .ng-submitted
input[type='tel'].ng-invalid, .ng-submitted
input[type='tel'].isError,
input[type='tel'] .required--focus.ng-invalid,
input[type='tel'] .required--focus.isError, .ng-submitted
input[type='time'].ng-invalid, .ng-submitted
input[type='time'].isError,
input[type='time'] .required--focus.ng-invalid,
input[type='time'] .required--focus.isError, .ng-submitted
input[type='url'].ng-invalid, .ng-submitted
input[type='url'].isError,
input[type='url'] .required--focus.ng-invalid,
input[type='url'] .required--focus.isError, .ng-submitted
input[type='color'].ng-invalid, .ng-submitted
input[type='color'].isError,
input[type='color'] .required--focus.ng-invalid,
input[type='color'] .required--focus.isError, .ng-submitted
textarea.ng-invalid, .ng-submitted
textarea.isError,
textarea .required--focus.ng-invalid,
textarea .required--focus.isError, .ng-submitted
select.ng-invalid, .ng-submitted
select.isError,
select .required--focus.ng-invalid,
select .required--focus.isError {
  border-color: #ff6e00;
}

[vc-recaptcha].input-field--error > div {
  border: 1px solid #ff6e00;
  border-radius: 4px;
}

.select--auto {
  width: auto;
}

.input--has-button, .live-events-collection-page .sms-form-input-container {
  display: flex;
}

.input--has-button input, .live-events-collection-page .sms-form-input-container input {
  min-width: 0;
  height: 3.07em;
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.input--has-button .button, .live-events-collection-page .sms-form-input-container .button, .input--has-button .poll__answers .list .poll__answer, .poll__answers .list .input--has-button .poll__answer, .live-events-collection-page .sms-form-input-container .poll__answers .list .poll__answer, .poll__answers .list .live-events-collection-page .sms-form-input-container .poll__answer,
.input--has-button button,
.live-events-collection-page .sms-form-input-container button {
  border-radius: 0 4px 4px 0;
  height: 2.75em;
  flex-shrink: 0;
  padding: 0.875em 1em;
}

.input--has-button input:focus + .text-remaining, .live-events-collection-page .sms-form-input-container input:focus + .text-remaining {
  background-color: #4c8226;
  color: #fff;
  line-height: 1;
}

.error-container .error,
.required--focus .error,
.bb-field-error,
.field-error {
  text-align: left;
  max-width: 100%;
  color: #ff6e00;
  font-size: 0.875em;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-top: 0.25em;
}

.text-remaining {
  cursor: default;
  width: 70px;
  background-color: #807873;
  color: #fff;
  line-height: 1;
}

.input--has-prefix {
  display: flex;
  align-items: center;
}

.input--has-prefix span {
  margin-right: 0.5em;
}

.input-tip {
  margin-top: 1em;
  display: block;
}

.input-feedback {
  margin: 0.5em 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .input-feedback {
    font-size: 0.875em;
  }
}

.input-feedback.input-feedback--success {
  color: #4c8226;
}

.input-feedback.input-feedback--error {
  color: #ff6e00;
}

textarea {
  min-height: 5.25em;
  line-height: 1.4;
}

abbr[title] {
  border-bottom: 0;
}

h3 .disabled {
  pointer-events: none;
  opacity: 0.5;
}

input.disabled {
  opacity: 0.5;
}

.fieldset-columns form {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .fieldset-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .fieldset-columns .field-container {
    width: 31%;
  }
}

.fieldset-columns .field-container-buttons {
  width: 100%;
}

.fieldset-columns .field-container-full {
  width: 100%;
}

.field-container {
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .fieldset-inline .field-container {
    display: flex;
  }
  .fieldset-inline .field-container label {
    min-width: 10em;
    padding-top: 0.85em;
  }
}

.field-container:last-child {
  margin-bottom: 0;
}

.field-container__note {
  margin-top: 0.5em;
}

.field-container-buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  margin-top: 1em;
  align-items: center;
}

.field-container-buttons .button, .field-container-buttons .poll__answers .list .poll__answer, .poll__answers .list .field-container-buttons .poll__answer {
  vertical-align: top;
}

.field-container-buttons .button + .button, .field-container-buttons .poll__answers .list .poll__answer + .button, .poll__answers .list .field-container-buttons .poll__answer + .button, .field-container-buttons .poll__answers .list .button + .poll__answer, .poll__answers .list .field-container-buttons .button + .poll__answer, .field-container-buttons .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .field-container-buttons .poll__answer + .poll__answer {
  margin-left: 4px;
}

.field-container-buttons.has-no-margin {
  margin-top: 0;
}

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

.field-container-controls {
  display: flex;
  margin-bottom: 0;
  margin-top: 2em;
}

.field-container-controls :first-child {
  margin-right: auto;
}

.table-overflow {
  overflow-x: auto;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .table-overflow {
    overflow-x: initial;
  }
}

.table-overflow::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-overflow::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

table.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table.table .note {
  background: #fff4d8;
  color: #ce9300;
  padding: 0.25em;
}

table.table th {
  text-align: left;
  border-bottom: 1px solid #dcdad8;
  padding: 1em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

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

table.table th.text-center, table.table th.profile-blank {
  text-align: center;
}

table.table td {
  border-bottom: 1px solid #dcdad8;
  padding: 1em;
}

table.table tr:last-child td {
  border-bottom: none;
}

table.table .button, table.table .poll__answers .list .poll__answer, .poll__answers .list table.table .poll__answer {
  display: inline-block;
}

table.table.flush-left td:first-child {
  padding-left: 0;
}

table.table.flush-right td:last-child {
  padding-right: 0;
}

div.table {
  display: table;
  width: 100%;
  margin-bottom: 2em;
}

div.table .table-row {
  display: table-row;
}

div.table .table-cell {
  display: table-cell;
  padding: 1em;
}

div.table .table-header-group {
  display: table-header-group;
}

div.table .table-header-group .table-cell {
  text-align: left;
  border-bottom: 1px solid #dcdad8;
  padding: 1em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

div.table .table-header-group .table-cell.text-right {
  text-align: right;
}

.table--striped th,
.table--striped td {
  border-bottom: none;
}

.table--striped tr:nth-child(odd) td {
  background-color: #dcdad8;
}

.table--bordered {
  border: 1px solid #dcdad8;
}

.table--bordered thead,
.table--bordered .table-header-group .table-cell {
  background-color: #fff;
}

.table--bordered td,
.table--bordered .table-cell {
  background-color: #fcfbfb;
}

.table-border-dashed tr td {
  border-bottom-style: dashed;
}

.table--dark th {
  background-color: black;
  border: 1px solid #6b6b6b;
  color: #fff;
}

.table--dark td {
  border: 1px solid #6b6b6b;
  background-color: #333;
  color: #fff;
}

.table--dark.table--striped tr:nth-child(odd) td {
  background-color: #545454;
}

.table-list-items {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .table-list-items li {
    display: flex;
    align-items: center;
  }
}

.table-list-items li + li {
  margin-top: 1em;
}

.table-list-items .table-list-items__image {
  margin-right: 1em;
}

.table-list-items .table-list-items__image img {
  width: 85px;
}

.select-dropdown {
  background-color: #fff;
  border: 1px solid #333;
  max-width: 25em;
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .select-dropdown {
    margin: 0 auto 0.5em;
  }
}

.select-dropdown .select-dropdown__label {
  cursor: pointer;
  padding: 1em 2em 1em 1em;
  position: relative;
  line-height: 1;
  width: 100%;
  text-align: left;
}

.select-dropdown .select-dropdown__label:after {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  right: 1em;
}

.select-dropdown .select-dropdown__label.isOpen:after {
  content: '\f106';
}

.select-dropdown .select-dropdown__label:focus {
  color: #6b6b6b;
}

.select-dropdown .select-dropdown__dropdown {
  display: none;
  padding: 1em;
  border: 1.4px solid #333;
  line-height: 1;
  background-color: #fff;
  max-height: 300px;
  overflow: auto;
  margin-top: 2px;
}

.select-dropdown .select-dropdown__dropdown button {
  font-size: 1.125em;
}

.select-dropdown .select-dropdown__dropdown.isOpen {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.select-dropdown .select-dropdown__dropdown.isOpen::-webkit-scrollbar {
  width: 9px;
}

.select-dropdown .select-dropdown__dropdown.isOpen::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.select-dropdown .select-dropdown__dropdown.isOpen::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.select-dropdown .select-dropdown__dropdown.isOpen::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.select-dropdown .select-dropdown__dropdown.isOpen::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.05);
}

.select-dropdown button {
  display: block;
  line-height: 1.5em;
  width: 100%;
  text-align: left;
}

.select-dropdown button.is-selected {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333;
  text-decoration: underline;
}

.select-dropdown button:focus {
  color: black;
}

.select-dropdown button:hover {
  color: black;
}

.select-dropdown.select-dropdown--avatar .avatar {
  display: inline-block;
  margin-right: 0.5em;
}

.select-dropdown.select-dropdown--avatar .select-dropdown__label {
  display: flex;
  align-items: center;
}

.select-dropdown.select-dropdown--avatar .select-dropdown__label:after {
  right: 1em;
  top: 1em;
}

.select-dropdown.select-dropdown--avatar button {
  display: flex;
  align-items: center;
}

.select-dropdown.select-dropdown--avatar button + button {
  margin-top: 0.5em;
}

.upload-file__drop-box {
  min-height: 142px;
  background-color: #f7f6f6;
  border: 1px solid #dcdad8;
  border-radius: 4px;
  font-size: 0.875em;
}

.upload-file__drop-box > div {
  min-height: 142px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.upload-file__drop-box:hover {
  cursor: pointer;
}

.upload-file__drop-box.upload-file__drop-box--review {
  max-width: 200px;
}

.upload-file__drop-box__icons i {
  margin-bottom: 0.25em;
  color: #a09995;
}

.upload-file__drop-box__icons i:first-child {
  transform: rotate(-15deg);
}

.upload-file__drop-box__icons i:last-child {
  transform: rotate(15deg);
}

.upload-file__drop-box__icons i + i {
  margin-left: 0.25em;
}

.upload-file__drop-box__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  background-color: #a09995;
  border-radius: 4px;
  background-color: #f7f6f6;
  border: 1px solid #dcdad8;
}

.mce-content-body {
  padding: 0.5em;
}

.mce-tinymce {
  width: 100%;
}

.mce-tinymce .mce-panel {
  background-color: #f7f6f6;
}

.mce-tinymce .mce-panel .mce-btn {
  background-color: #f7f6f6;
}

input[type='range'] {
  -webkit-appearance: none;
}

input[type='range']:focus {
  outline: none;
}

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.6875em;
  cursor: pointer;
  animate: 0.2s;
  background: #f4f4f3;
  border-radius: 1px;
  border: 1px solid #dcdad8;
}

input[type='range']::-webkit-slider-thumb {
  border: 1px solid #a09995;
  height: 1.375em;
  width: 0.75em;
  border-radius: 0.1875em;
  background: #e8e7e6;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.40625em;
}

input[type='range']:focus::-webkit-slider-runnable-track {
  background: #fff;
}

input[type='range']::-moz-range-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #333;
}

input[type='range']::-moz-range-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
  height: 24px;
  width: 18px;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}

input[type='range']::-ms-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type='range']::-ms-fill-lower {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

input[type='range']::-ms-fill-upper {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

input[type='range']::-ms-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #333;
  height: 24px;
  width: 18px;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}

input[type='range']:focus::-ms-fill-lower {
  background: #fff;
}

input[type='range']:focus::-ms-fill-upper {
  background: #e6e6e6;
}

.returns__iframe {
  width: 100%;
  height: 100%;
  min-height: 800px;
}

.mce-primary button,
.mce-primary button i {
  color: #333;
}

tags-input {
  display: block;
}

tags-input *,
tags-input *:before,
tags-input *:after {
  box-sizing: border-box;
}

tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}

tags-input .host:active {
  outline: none;
}

tags-input .tags {
  border: 1px solid #dcdad8;
  width: 100%;
  height: 2.75em;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #f7f6f6;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
}

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font-size: 1em;
  height: 2.1875em;
  line-height: 2.125em;
  border: 1px solid #5c9e2e;
  border-radius: 3px;
  color: #fff;
  background: linear-gradient(to bottom, #7cc945 0%, #5c9e2e 100%);
}

tags-input .tags .tag-item.selected {
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 1em Arial, sans-serif;
  color: #fff;
}

tags-input .tags .tag-item .remove-button:active {
  color: #fff;
}

tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 0.125em;
  padding: 0;
  padding-left: 0.3125em;
  float: left;
  height: 2.1875em;
  font-size: 1em;
}

tags-input .tags .input.invalid-tag {
  color: #ec230c;
}

tags-input .tags .input::-ms-clear {
  display: none;
}

tags-input.ng-invalid .tags {
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}

tags-input[disabled] .host:focus {
  outline: none;
}

tags-input[disabled] .tags {
  background-color: #edeceb;
  cursor: default;
}

tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: linear-gradient(to bottom, #65ad33 0%, #5c9e2e 100%);
}

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #fff;
}

tags-input[disabled] .tags .input {
  background-color: #edeceb;
  cursor: default;
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #edeceb;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #edeceb;
}

tags-input .autocomplete .suggestion-item.selected {
  color: #edeceb;
  background-color: #4c8226;
}

tags-input .autocomplete .suggestion-item.selected em {
  color: #edeceb;
  background-color: #4c8226;
}

tags-input .autocomplete .suggestion-item em {
  background-color: #edeceb;
}

tags-input .autocomplete .suggestion-item i {
  float: left;
}

.custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 61;
  display: none;
  background-color: #fff;
  padding: 1em 5px;
}

.custom-popup-wrapper .dropdown-menu {
  margin-bottom: 1em;
}

.custom-popup-wrapper .view-results {
  text-align: center;
  display: block;
}

.dropdown-menu {
  z-index: 61;
  min-width: 320px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  border-radius: 4px;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu a, .dropdown-menu .read-more-button,
.dropdown-menu .uib-typeahead-match {
  display: flex;
  padding: 0.5em;
  clear: both;
  font-weight: normal;
  line-height: 1.4;
  align-items: center;
  text-align: left;
}

.dropdown-menu a .typeahead-thumbnail, .dropdown-menu .read-more-button .typeahead-thumbnail,
.dropdown-menu .uib-typeahead-match .typeahead-thumbnail {
  flex: 1 0 auto;
  max-width: 6.25em;
  margin-right: 0.625em;
}

.dropdown-menu a .typeahead-price-status .product-price .flag, .dropdown-menu .read-more-button .typeahead-price-status .product-price .flag, .dropdown-menu a .typeahead-price-status .product-price .coment-commenter-title, .dropdown-menu .read-more-button .typeahead-price-status .product-price .coment-commenter-title,
.dropdown-menu .uib-typeahead-match .typeahead-price-status .product-price .flag,
.dropdown-menu .uib-typeahead-match .typeahead-price-status .product-price .coment-commenter-title {
  margin-left: 0;
}

.dropdown-menu a span, .dropdown-menu .read-more-button span,
.dropdown-menu .uib-typeahead-match span {
  text-align: left;
}

.dropdown-menu a .product-price, .dropdown-menu .read-more-button .product-price,
.dropdown-menu .uib-typeahead-match .product-price {
  text-align: left;
}

.dropdown-menu a.active, .dropdown-menu .active.read-more-button, .dropdown-menu a:hover, .dropdown-menu .read-more-button:hover, .dropdown-menu a:focus, .dropdown-menu .read-more-button:focus,
.dropdown-menu .uib-typeahead-match.active,
.dropdown-menu .uib-typeahead-match:hover,
.dropdown-menu .uib-typeahead-match:focus {
  text-decoration: none;
  background-color: #edeceb;
  outline: 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 3.3125em;
  height: 2.0625em;
  margin-bottom: 0;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}

.switch input {
  display: none;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.2s;
}

.switch .slider:before {
  position: absolute;
  content: '';
  height: 1.8125em;
  width: 1.8125em;
  left: 0.125em;
  bottom: 0.125em;
  background-color: white;
  transition: 0.2s;
}

.switch input:checked + .slider {
  background-color: #4c8226;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #4c8226;
}

.switch input:checked + .slider:before {
  transform: translateX(1.25em);
}

.switch .slider.round {
  border-radius: 1.8125em;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.newsletter-signup-mobile {
  background-color: #c6537b;
  text-align: center;
  color: #fff;
}

.newsletter-signup-mobile .newsletter-signup-mobile__offer {
  padding: 1em;
  background: url(/angular/src/images/mobile-signup.jpg) no-repeat center top;
  background-size: cover;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .newsletter-signup-mobile .newsletter-signup-mobile__offer {
    padding-left: 125px;
  }
}

.newsletter-signup-mobile .newsletter-signup-mobile__offer .h4, .newsletter-signup-mobile .newsletter-signup-mobile__offer #story h4, #story .newsletter-signup-mobile .newsletter-signup-mobile__offer h4, .newsletter-signup-mobile .newsletter-signup-mobile__offer .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .newsletter-signup-mobile .newsletter-signup-mobile__offer p, .newsletter-signup-mobile .newsletter-signup-mobile__offer .project-card .h3, .project-card .newsletter-signup-mobile .newsletter-signup-mobile__offer .h3, .newsletter-signup-mobile .newsletter-signup-mobile__offer .project-card #story h3, .project-card #story .newsletter-signup-mobile .newsletter-signup-mobile__offer h3, .newsletter-signup-mobile .newsletter-signup-mobile__offer #story .project-card h3, #story .project-card .newsletter-signup-mobile .newsletter-signup-mobile__offer h3, .newsletter-signup-mobile .newsletter-signup-mobile__offer .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .newsletter-signup-mobile .newsletter-signup-mobile__offer .out-of-stock__modal--label, .newsletter-signup-mobile .newsletter-signup-mobile__offer .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .newsletter-signup-mobile .newsletter-signup-mobile__offer .out-of-stock__modal--label {
  margin-bottom: 0.25em;
}

.newsletter-signup-mobile .newsletter-signup-mobile__offer .h5, .newsletter-signup-mobile .newsletter-signup-mobile__offer .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .newsletter-signup-mobile .newsletter-signup-mobile__offer .product-name--two-lines, .newsletter-signup-mobile .newsletter-signup-mobile__offer .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .newsletter-signup-mobile .newsletter-signup-mobile__offer .product-card-name, .newsletter-signup-mobile .newsletter-signup-mobile__offer #story h5, #story .newsletter-signup-mobile .newsletter-signup-mobile__offer h5, .newsletter-signup-mobile .newsletter-signup-mobile__offer .filters .section-header, .filters .newsletter-signup-mobile .newsletter-signup-mobile__offer .section-header,
.newsletter-signup-mobile .newsletter-signup-mobile__offer .sorters .section-header, .sorters .newsletter-signup-mobile .newsletter-signup-mobile__offer .section-header, .newsletter-signup-mobile .newsletter-signup-mobile__offer .chat-notification__title {
  margin-bottom: 0.5em;
  max-width: 280px;
}

.newsletter-signup-mobile .newsletter-signup-mobile__offer .break-mobile {
  display: none !important;
}

.newsletter-signup-mobile .newsletter-signup-mobile__form {
  padding: 1em;
  max-width: 400px;
  margin: 0 auto;
}

.newsletter-signup-mobile .newsletter-signup-mobile__form .modal-close {
  top: 0.35em;
  color: #fff;
}

.newsletter-signup-mobile .newsletter-signup-mobile__form .field-container,
.newsletter-signup-mobile .newsletter-signup-mobile__form .decorated-type,
.newsletter-signup-mobile .newsletter-signup-mobile__form span,
.newsletter-signup-mobile .newsletter-signup-mobile__form .input-feedback.input-feedback--error {
  color: #fff;
  margin-bottom: 0.5em;
}

.newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code {
  display: table;
  min-width: 50%;
  margin: 0.5em auto;
}

.newsletter-signup-mobile .newsletter-signup-mobile__form .newsletter-modal__success p:last-child {
  margin-bottom: 0;
}

.alert, .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code, .newsletter-modal--default .discount-code, .out-of-stock-form {
  padding: 1em;
  border: 2px solid #a09995;
  margin-bottom: 1.5em;
  position: relative;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.alert.alert--close, .newsletter-signup-mobile .newsletter-signup-mobile__form .alert--close.discount-code, .newsletter-modal--default .alert--close.discount-code, .alert--close.out-of-stock-form {
  padding: 1em 4em 1em 1em;
}

.alert .alert-close, .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code .alert-close, .newsletter-modal--default .discount-code .alert-close, .out-of-stock-form .alert-close {
  color: inherit;
  position: absolute;
  right: 0.8em;
  top: 0.8em;
  font-size: 1.25em;
}

.alert p, .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code p, .newsletter-modal--default .discount-code p, .out-of-stock-form p {
  margin: 0;
}

.alert--error, .notification--error {
  background-color: #f87e70;
  color: #fff;
  border-color: #f65745;
}

.alert--subtle {
  background-color: #d9f0fa;
  color: #27a8e0;
  border-color: #addef3;
}

.alert--success, .notification--success {
  background-color: #65ad33;
  color: #fff;
  border-color: #4c8226;
}

.alert--info, .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code, .notification--alert, .newsletter-modal--default .discount-code {
  background-color: #ffde8c;
  color: #a57600;
  border-color: #ffd772;
}

.alert--out-of-stock, .out-of-stock-form {
  background-color: #edeceb;
  color: #4a4543;
  border-color: #e8e7e6;
  position: relative;
}

.alert--out-of-stock .button, .out-of-stock-form .button, .alert--out-of-stock .poll__answers .list .poll__answer, .poll__answers .list .alert--out-of-stock .poll__answer, .out-of-stock-form .poll__answers .list .poll__answer, .poll__answers .list .out-of-stock-form .poll__answer {
  background: #68615d;
  color: #e8e7e6;
  border-color: #4a4543;
}

.alert--out-of-stock .button:hover, .out-of-stock-form .button:hover, .alert--out-of-stock .poll__answers .list .poll__answer:hover, .poll__answers .list .alert--out-of-stock .poll__answer:hover, .out-of-stock-form .poll__answers .list .poll__answer:hover, .poll__answers .list .out-of-stock-form .poll__answer:hover {
  background: #4a4543;
}

.alert--out-of-stock input:focus, .out-of-stock-form input:focus {
  border-color: #68615d;
}

.alert--out-of-stock p, .out-of-stock-form p {
  text-align: left;
  padding-left: 2.6em;
}

.alert--out-of-stock p i, .out-of-stock-form p i {
  position: absolute;
  left: 0.5em;
  top: 0.3em;
  font-size: 2em;
}

.alert--note {
  background-color: #fffbf2;
  color: #a57600;
  border-color: #fff4d8;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.alert--small {
  font-size: 0.75em;
}

.alert--medium {
  font-size: 0.875em;
}

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

.alert--light,
.alert--subtle {
  background-color: #edeceb;
  color: #333;
  border: none;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 87.5%;
}

.notifications-form {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  border-color: #fff;
  padding: 1em;
  position: relative;
  top: 6.375em;
  display: none;
}

.notifications-form::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 64.0625em) {
  .notifications-form {
    top: 7.375em;
  }
}

growl-notifications {
  position: fixed;
  right: 1em;
  z-index: 95;
  display: block;
  top: 7.375em;
}

@media screen and (min-width: 768px) {
  growl-notifications {
    top: 7.375em;
  }
}

@media screen and (min-width: 64.0625em) {
  growl-notifications {
    top: 8.375em;
  }
}

growl-notification {
  border: 1px solid #89d0ee;
  padding: 1.5em;
  margin-bottom: 1em;
  background-color: #d9f0fa;
  display: block;
  width: 300px;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  position: relative;
}

growl-notification.notification--marketing {
  padding-right: 2em;
}

growl-notification.notification--marketing strong, growl-notification.notification--marketing .link, growl-notification.notification--marketing .comment-body a, .comment-body growl-notification.notification--marketing a, growl-notification.notification--marketing .comment-body .read-more-button, .comment-body growl-notification.notification--marketing .read-more-button,
growl-notification.notification--marketing .comment-header a, .comment-header growl-notification.notification--marketing a, growl-notification.notification--marketing .comment-header .read-more-button, .comment-header growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing a, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .h5 a, .real-time-stream .h5 growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing a, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing a, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream #story h5 a, .real-time-stream #story h5 growl-notification.notification--marketing a, growl-notification.notification--marketing #story .real-time-stream h5 a, #story .real-time-stream h5 growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header growl-notification.notification--marketing a, growl-notification.notification--marketing .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header growl-notification.notification--marketing a, growl-notification.notification--marketing .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title growl-notification.notification--marketing a, growl-notification.notification--marketing .real-time-stream .h5 .read-more-button, .real-time-stream .h5 growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .main-nav__cart .menu-button, .main-nav__cart growl-notification.notification--marketing .menu-button, growl-notification.notification--marketing .input-feedback, growl-notification.notification--marketing .icon-list--colored a, .icon-list--colored growl-notification.notification--marketing a, growl-notification.notification--marketing .icon-list--colored .read-more-button, .icon-list--colored growl-notification.notification--marketing .read-more-button,
growl-notification.notification--marketing .icon-list--colored button, .icon-list--colored growl-notification.notification--marketing button, growl-notification.notification--marketing .site-footer li, .site-footer growl-notification.notification--marketing li,
growl-notification.notification--marketing .site-footer a, .site-footer growl-notification.notification--marketing a, growl-notification.notification--marketing .site-footer .read-more-button, .site-footer growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .read-more a, .read-more growl-notification.notification--marketing a, growl-notification.notification--marketing .read-more .read-more-button, .read-more growl-notification.notification--marketing .read-more-button, growl-notification.notification--marketing .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link growl-notification.notification--marketing button {
  color: #136284;
  display: block;
  font-size: 1.5em;
  float: left;
  width: 3em;
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #89d0ee;
}

growl-notification .notification-close {
  position: absolute;
  top: 0.375em;
  right: 0.375em;
  font-size: 1.5em;
}

growl-notification.fading.ng-move {
  opacity: 0;
  transition: 0.25s ease-in-out all;
  /* All other modern browsers and IE10+ */
}

growl-notification.fading.ng-move.ng-move-active {
  opacity: 1;
}

growl-notification.fading.ng-leave {
  opacity: 1;
  transition: 0.25s ease-in-out all;
  /* All other modern browsers and IE10+ */
}

growl-notification.fading.ng-leave.ng-leave-active {
  opacity: 0;
}

.invisible-image, .avatar img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  max-width: 100%;
}

.avatar {
  min-width: 3.125em;
  width: 3.125em;
  height: 3.125em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  flex: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .avatar {
    min-width: 2.5em;
    width: 2.5em;
    height: 2.5em;
  }
}

.avatar.avatar-tiny {
  min-width: 1.125em;
  width: 1.125em;
  height: 1.125em;
}

.avatar.avatar-xsmall {
  min-width: 1.5625em;
  width: 1.5625em;
  height: 1.5625em;
}

.avatar.avatar-small {
  min-width: 3.125em;
  width: 3.125em;
  height: 3.125em;
}

.avatar.avatar-medium {
  min-width: 4.6875em;
  width: 4.6875em;
  height: 4.6875em;
}

.avatar.avatar-large {
  min-width: 6.25em;
  width: 6.25em;
  height: 6.25em;
}

.avatar.avatar-xlarge {
  min-width: 12.5em;
  width: 12.5em;
  height: 12.5em;
}

.avatar.avatar-icon {
  line-height: 3.125em;
  font-size: 1.75em;
  text-align: center;
}

.avatar--inner {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.avatar--inner[afkl-lazy-image] {
  border-radius: 50%;
  opacity: 1;
}

.styleguide-section .avatar + .avatar {
  margin-top: 1em;
}

.betabrand-logo {
  max-width: 300px;
}

.betabrand-logo.betabrand-logo--small {
  max-width: 120px;
}

.emblem {
  max-width: 70px;
}

.betabrand-bb {
  background-image: url(/angular/src/images/bb.svg);
  background-size: 110%;
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: visible;
}

/*

<figure class="hue hue--blue">
	<img>
</figure>

 */
figure.hue {
  position: relative;
}

figure.hue:before, figure.hue:after {
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

figure.hue.hue--blue:before {
  z-index: 2;
  mix-blend-mode: multiply;
  box-shadow: 0 0 100px #6496c8 inset, 0 0 300px #6496c8 inset;
}

figure.hue.hue--blue:after {
  z-index: 3;
  mix-blend-mode: difference;
  background: rgba(0, 0, 255, 0.2);
}

figure.hue.hue--blue img {
  -webkit-filter: brightness(1.1) contrast(1.3);
          filter: brightness(1.1) contrast(1.3);
}

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

img.img-width--auto {
  width: auto;
}

img.img-width--full {
  width: 100%;
}

[afkl-lazy-image],
.afkl-lazy-wrapper,
.afkl-lazy-wrapper img {
  opacity: 1 !important;
  transition: none !important;
  display: block !important;
  visibility: visible !important;
  width: 100%;
}

.media-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

.media-box.media-box-ratio, .media-box.media-box--default {
  height: 0;
  padding-bottom: 58.6%;
}

.media-box.media-box-square {
  height: 0;
  padding-bottom: 100%;
}

.media-box img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0;
  padding: 0;
}

.media-box--overlay-content:before {
  content: '';
  opacity: 0;
  transition: opacity 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.media-box--overlay-content[afkl-lazy-image-loaded='done']:before {
  opacity: 1;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%);
}

.overlay-content {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  transition: opacity 0.2s;
}

.overlay-content .h4, .overlay-content #story h4, #story .overlay-content h4, .overlay-content .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .overlay-content p, .overlay-content .project-card .h3, .project-card .overlay-content .h3, .overlay-content .project-card #story h3, .project-card #story .overlay-content h3, .overlay-content #story .project-card h3, #story .project-card .overlay-content h3, .overlay-content .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .overlay-content .out-of-stock__modal--label, .overlay-content .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .overlay-content .out-of-stock__modal--label,
.overlay-content .h6,
.overlay-content .product-card .product-price,
.product-card .overlay-content .product-price {
  margin-bottom: 0;
}

.overlay-content :first-child {
  margin-top: auto;
}

.overlay-content :last-child {
  margin-bottom: 0;
}

.overlay-content--bottom-right {
  color: #fff;
  position: relative;
}

.overlay-content--bottom-right .overlay-content {
  padding: 1em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .overlay-content--bottom-right .overlay-content {
    align-items: center;
  }
}

.overlay-content--bottom-right:before {
  content: '';
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .video-wrapper {
    padding-bottom: 56.24%;
  }
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper.square-video {
  padding-bottom: 100%;
  pointer-events: none;
}

.timeline {
  margin: 0;
  padding: 1em 0;
  list-style-type: none;
}

.timeline-step {
  margin: 0;
  border-left: 0.5em solid #e8e7e6;
  padding: 0 0 2em 2em;
  position: relative;
}

.timeline-step:first-child .timeline-tick {
  top: 0;
}

.timeline-step.complete {
  border-color: #4c8226;
}

.timeline-step.complete .timeline-tick {
  border-color: #4c8226;
  background-color: #4c8226;
  color: #fff;
}

.timeline-step.in-progress .timeline-tick {
  border-color: #4c8226;
  background-color: #fff;
  color: #4c8226;
}

.timeline-step:last-child {
  border-color: #fff;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .timeline {
    display: flex;
    justify-content: space-between;
  }
  .timeline-step {
    width: 100%;
    border-left: unset;
    border-top: 0.5em solid #e8e7e6;
    padding: 2em 2em 0 0;
  }
  .timeline-step .timeline-tick {
    top: -1.5em;
    left: -2px;
  }
  .timeline-step:first-child .timeline-tick {
    top: -1.5em;
  }
  .timeline-step:last-child {
    border-top: 0.5em solid #e8e7e6;
    text-align: right;
    padding-right: 0;
  }
  .timeline-step:last-child.complete {
    border-color: #4c8226;
  }
  .timeline-step:last-child .timeline-tick {
    left: unset;
    right: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .timeline {
    margin-left: 0.75em;
  }
}

.timeline-tick {
  border: 4px solid #e8e7e6;
  color: #edeceb;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: -1.5em;
  top: -1px;
  direction: table;
}

.timeline-tick i {
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blink {
  -webkit-animation: blink 1000ms ease-in-out infinite alternate;
          animation: blink 1000ms ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.bounce {
  -webkit-animation: bounce 0.6s alternate infinite ease-in;
          animation: bounce 0.6s alternate infinite ease-in;
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}

.bounce-down, .section-preview-header-collapsed-on-init .section-preview-header--expand .toggle-show:hover {
  -webkit-animation: bounce-down 0.6s alternate infinite ease-in-out;
          animation: bounce-down 0.6s alternate infinite ease-in-out;
}

@-webkit-keyframes bounce-down {
  0% {
    transform: translateY(0.25em);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes bounce-down {
  0% {
    transform: translateY(0.25em);
  }
  100% {
    transform: translateY(0);
  }
}

.bounce-up, .section-preview-header-collapsed-on-init .section-preview-header--expand .toggle-hide:hover {
  -webkit-animation: bounce-up 0.6s alternate infinite ease-in-out;
          animation: bounce-up 0.6s alternate infinite ease-in-out;
}

@-webkit-keyframes bounce-up {
  0% {
    transform: translateY(0.25em);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes bounce-up {
  0% {
    transform: translateY(0.25em);
  }
  100% {
    transform: translateY(0);
  }
}

.fade-in-from-bottom {
  -webkit-animation: fade-in-from-bottom 400ms ease-out;
          animation: fade-in-from-bottom 400ms ease-out;
}

@-webkit-keyframes fade-in-from-bottom {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-from-bottom {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-out.ng-hide {
  transition: opacity 300ms ease-out;
  opacity: 0;
}

.fade-out-slide-left.ng-hide {
  transition: opacity 150ms ease-out, transform 150ms ease-out;
  transform: translateX(-10%);
  opacity: 0;
}

.fade-out-animation {
  -webkit-animation: fade-out 1000ms ease-out forwards;
          animation: fade-out 1000ms ease-out forwards;
}

.fade-in-from-left.ng-hide-remove.ng-hide-remove-active {
  transition: opacity 150ms ease-out, transform 150ms ease-out;
  transition-delay: 150ms;
}

.fade-in-from-left.ng-hide {
  transform: translateX(10%);
  opacity: 0;
}

.fade-in {
  -webkit-animation: fade-in 1000ms ease-in-out;
          animation: fade-in 1000ms ease-in-out;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.scale-up-4x {
  -webkit-animation: scale-up-4x 5000ms ease-in-out forwards;
          animation: scale-up-4x 5000ms ease-in-out forwards;
}

@-webkit-keyframes scale-up-4x {
  0% {
    transform: scale3d(0.25, 0.25, 2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes scale-up-4x {
  0% {
    transform: scale3d(0.25, 0.25, 2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes glowing-brand-red {
  0% {
    box-shadow: 0 0 0 1px #cd3b6b;
  }
  50% {
    box-shadow: 0 0 0 2.5px #cd3b6b;
  }
  100% {
    box-shadow: 0 0 0 5px #cd3b6b;
  }
}

@keyframes glowing-brand-red {
  0% {
    box-shadow: 0 0 0 1px #cd3b6b;
  }
  50% {
    box-shadow: 0 0 0 2.5px #cd3b6b;
  }
  100% {
    box-shadow: 0 0 0 5px #cd3b6b;
  }
}

.lozenge-general {
  padding: 1px 3px 1px 3px;
  background-color: #b3b6ad;
  font-weight: bold;
  color: white;
  line-height: 10px;
  border-radius: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-nav .menu-dropdown--categories a, .main-nav .menu-dropdown--categories .read-more-button {
  line-height: 1.2;
}

.main-nav .lozenge {
  margin-left: 1px;
  position: absolute;
  right: 2.25em;
  top: 0.25em;
}

.main-nav .lozenge-success {
  background-color: #4c8226;
}

.main-nav .grouped-text {
  white-space: nowrap;
  display: inline-block;
}

.product-breadcrumbs-wrapper {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.product-breadcrumbs-wrapper::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .product-breadcrumbs-wrapper {
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .product-breadcrumbs-wrapper {
    padding: 0 1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .product-breadcrumbs-wrapper .breadcrumbs:first-child {
    margin-right: auto;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs {
    display: none;
  }
}

.product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs a, .product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs .read-more-button {
  margin: 0;
}

.product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs a + a, .product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs .read-more-button + a, .product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs a + .read-more-button, .product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs .read-more-button + .read-more-button {
  margin-left: 0.5em;
}

.product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs i {
  margin-right: 0;
}

.product-breadcrumbs-wrapper .breadcrumbs:first-child + .breadcrumbs span {
  padding-left: 0.25em;
}

@media screen and (min-width: 1473px) {
  .product-breadcrumbs-wrapper {
    padding: 0;
  }
}

.breadcrumbs {
  font-size: 0.8em;
  margin: 0.5em 0;
  text-align: center;
}

.breadcrumbs a, .breadcrumbs .read-more-button,
.breadcrumbs i {
  margin-right: 0.5em;
}

@media screen and (min-width: 64.0625em) {
  .breadcrumbs {
    text-align: left;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .mobile-list, .tabs {
    display: block;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-list::-webkit-scrollbar, .tabs::-webkit-scrollbar {
    display: none;
  }
}

.tabs {
  text-align: center;
  margin-bottom: 2em;
}

.tabs button,
.tabs .button,
.tabs .poll__answers .list .poll__answer,
.poll__answers .list .tabs .poll__answer {
  border-radius: 0;
  color: #68615d;
  background-color: transparent;
  display: inline-block;
  border-bottom: 4px solid transparent;
  text-transform: capitalize;
}

.tabs button + .button, .tabs .poll__answers .list button + .poll__answer, .poll__answers .list .tabs button + .poll__answer,
.tabs .button + .button,
.tabs .poll__answers .list .poll__answer + .button,
.poll__answers .list .tabs .poll__answer + .button,
.tabs .poll__answers .list .button + .poll__answer,
.poll__answers .list .tabs .button + .poll__answer,
.tabs .poll__answers .list .poll__answer + .poll__answer,
.poll__answers .list .tabs .poll__answer + .poll__answer {
  margin-left: -4px;
}

.tabs button:focus,
.tabs .button:focus,
.tabs .poll__answers .list .poll__answer:focus,
.poll__answers .list .tabs .poll__answer:focus {
  background-color: transparent;
}

.tabs button:hover,
.tabs .button:hover,
.tabs .poll__answers .list .poll__answer:hover,
.poll__answers .list .tabs .poll__answer:hover {
  border-bottom: 4px solid #dcdad8;
}

.tabs button.button-primary,
.tabs .button.button-primary,
.tabs .poll__answers .list .button-primary.poll__answer,
.poll__answers .list .tabs .button-primary.poll__answer {
  color: #333;
  border-bottom: 4px solid #333;
}

.tabs button.button-primary:hover,
.tabs .button.button-primary:hover,
.tabs .poll__answers .list .button-primary.poll__answer:hover,
.poll__answers .list .tabs .button-primary.poll__answer:hover {
  color: #121212;
  background-color: transparent;
}

.tabs button.button-green, .tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute button.is-selected, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs button.is-selected, .tabs .out-of-stock__modal .out-of-stock-form button.stock-submit-button, .out-of-stock__modal .out-of-stock-form .tabs button.stock-submit-button,
.tabs .button.button-green,
.tabs .poll__answers .list .button-green.poll__answer,
.poll__answers .list .tabs .button-green.poll__answer,
.tabs .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected,
.poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs .poll__answer.is-selected,
.tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected,
.gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .tabs .poll__answer.is-selected,
.tabs .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button,
.poll__answers .list .out-of-stock__modal .out-of-stock-form .tabs .poll__answer.stock-submit-button,
.tabs .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button,
.out-of-stock__modal .out-of-stock-form .poll__answers .list .tabs .poll__answer.stock-submit-button,
.tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected,
.gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs .button.is-selected,
.tabs .out-of-stock__modal .out-of-stock-form .button.stock-submit-button,
.out-of-stock__modal .out-of-stock-form .tabs .button.stock-submit-button {
  color: #4c8226;
  border-bottom: 4px solid transparent;
}

.tabs button.button-green:hover, .tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute button.is-selected:hover, .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs button.is-selected:hover, .tabs .out-of-stock__modal .out-of-stock-form button.stock-submit-button:hover, .out-of-stock__modal .out-of-stock-form .tabs button.stock-submit-button:hover,
.tabs .button.button-green:hover,
.tabs .poll__answers .list .button-green.poll__answer:hover,
.poll__answers .list .tabs .button-green.poll__answer:hover,
.tabs .poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answer.is-selected:hover,
.poll__answers .list .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs .poll__answer.is-selected:hover,
.tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .poll__answer.is-selected:hover,
.gift-certificate .gift-certificate-options .options--inner .attributes .attribute .poll__answers .list .tabs .poll__answer.is-selected:hover,
.tabs .poll__answers .list .out-of-stock__modal .out-of-stock-form .poll__answer.stock-submit-button:hover,
.poll__answers .list .out-of-stock__modal .out-of-stock-form .tabs .poll__answer.stock-submit-button:hover,
.tabs .out-of-stock__modal .out-of-stock-form .poll__answers .list .poll__answer.stock-submit-button:hover,
.out-of-stock__modal .out-of-stock-form .poll__answers .list .tabs .poll__answer.stock-submit-button:hover,
.tabs .gift-certificate .gift-certificate-options .options--inner .attributes .attribute .button.is-selected:hover,
.gift-certificate .gift-certificate-options .options--inner .attributes .attribute .tabs .button.is-selected:hover,
.tabs .out-of-stock__modal .out-of-stock-form .button.stock-submit-button:hover,
.out-of-stock__modal .out-of-stock-form .tabs .button.stock-submit-button:hover {
  color: #375e1c;
  background-color: transparent;
  border-color: #4c8226;
}

.tabs .tabs--stream {
  margin-bottom: 1.3em;
}

.tabs.tabs--left {
  text-align: left;
}

.tabs.tabs--small .button, .tabs.tabs--small .poll__answers .list .poll__answer, .poll__answers .list .tabs.tabs--small .poll__answer {
  padding: 1em;
  font-size: 0.875em;
  line-height: 1.3;
}

.justified-list {
  display: flex;
  padding: 0.25em 0;
}

.justified-list + .justified-list {
  border-top: 1px dashed #dcdad8;
}

.justified-list :first-child {
  margin-right: auto;
}

.link-group {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.link-group.link-group--centered {
  text-align: center;
}

.link-group.link-group--small {
  font-size: 0.875em;
}

.link-group a, .link-group .read-more-button {
  white-space: nowrap;
}

.link-group a + a, .link-group .read-more-button + a, .link-group a + .read-more-button, .link-group .read-more-button + .read-more-button {
  margin-left: 1.25em;
}

.spaced-list {
  margin-left: 0.5em;
}

.spaced-list > * {
  margin: 0 0.5em;
}

.feature-list {
  list-style-type: none;
  margin-left: 0;
}

.feature-list li + li {
  margin-top: 1em;
}

.pagination {
  display: flex;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.pagination a, .pagination .read-more-button,
.pagination button {
  padding: 0.5em;
  display: block;
  line-height: 1;
  min-width: 2em;
  text-align: center;
}

.pagination a.is-active, .pagination .is-active.read-more-button,
.pagination button.is-active {
  background-color: #333;
  color: #fff;
}

.pagination a.is-active:hover, .pagination .is-active.read-more-button:hover,
.pagination button.is-active:hover {
  background-color: black;
}

.pagination a.is-disabled, .pagination .is-disabled.read-more-button,
.pagination button.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.pagination a:hover, .pagination .read-more-button:hover,
.pagination button:hover {
  background-color: #e8e7e6;
}

.pagination a + a, .pagination .read-more-button + a, .pagination a + .read-more-button, .pagination .read-more-button + .read-more-button,
.pagination a + button,
.pagination .read-more-button + button,
.pagination button + a,
.pagination button + .read-more-button,
.pagination button + button {
  margin-left: 1px;
}

.icon-list i {
  position: relative;
  top: 1px;
  margin-right: 0.125em;
  color: #a09995;
}

.icon-list > * {
  white-space: pre;
}

.icon-list > *:hover {
  opacity: 0.75;
}

.icon-list > * + a, .icon-list > * + .read-more-button,
.icon-list > * + button {
  margin-left: 0.75em;
}

.icon-list > *.is-active {
  color: #4c8226;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  position: relative;
}

.icon-list > *.is-active:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #4c8226;
}

.icon-list > *.is-active i {
  color: #7cc945;
}

.icon-list.icon-list--small {
  font-size: 0.85em;
}

.icon-list.icon-list--large {
  font-size: 1.25em;
}

.icon-list--vertical {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.icon-list--vertical a, .icon-list--vertical .read-more-button,
.icon-list--vertical button {
  text-align: left;
}

.icon-list--vertical a + a, .icon-list--vertical .read-more-button + a, .icon-list--vertical a + .read-more-button, .icon-list--vertical .read-more-button + .read-more-button,
.icon-list--vertical a + button,
.icon-list--vertical .read-more-button + button,
.icon-list--vertical button + a,
.icon-list--vertical button + .read-more-button,
.icon-list--vertical button + button {
  margin-left: 0;
  margin-top: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .icon-list--vertical a + a, .icon-list--vertical .read-more-button + a, .icon-list--vertical a + .read-more-button, .icon-list--vertical .read-more-button + .read-more-button,
  .icon-list--vertical a + button,
  .icon-list--vertical .read-more-button + button,
  .icon-list--vertical button + a,
  .icon-list--vertical button + .read-more-button,
  .icon-list--vertical button + button {
    margin-top: 0.5em;
  }
}

.icon-list--vertical a.active, .icon-list--vertical .active.read-more-button,
.icon-list--vertical button.active {
  color: #333;
}

.site-footer {
  background-color: #fff;
  display: block;
}

.site-footer .footer-sections {
  padding: 3em 2em;
  border-top: 1px solid #e8e7e6;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.site-footer .footer-sections::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 1473px) {
  .site-footer .footer-sections {
    padding: 2em 0;
  }
}

.site-footer .footer-section {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.site-footer .footer-section:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .site-footer .footer-section {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .site-footer .footer-section:last-child {
    margin-right: 0;
  }
  .site-footer .footer-section:nth-child(2n) {
    margin-right: 0;
  }
  .site-footer .footer-section:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 64.0625em) {
  .site-footer .footer-section {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 23.78699%;
  }
  .site-footer .footer-section:nth-child(2n) {
    margin-right: 1.61735%;
  }
  .site-footer .footer-section:nth-child(2n + 1) {
    clear: none;
  }
  .site-footer .footer-section:last-child {
    margin-right: 0;
  }
  .site-footer .footer-section:nth-child(4n) {
    margin-right: 0;
  }
  .site-footer .footer-section:nth-child(4n+1) {
    clear: left;
  }
}

.site-footer .h5, .site-footer .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .site-footer .product-name--two-lines, .site-footer .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .site-footer .product-card-name, .site-footer #story h5, #story .site-footer h5, .site-footer .filters .section-header, .filters .site-footer .section-header,
.site-footer .sorters .section-header, .sorters .site-footer .section-header, .site-footer .chat-notification__title {
  display: inline-block;
  margin-bottom: 0.9em;
  padding-bottom: 0.2em;
  border-bottom: 3px solid #edeceb;
  cursor: default;
}

.site-footer p {
  cursor: default;
}

.site-footer li {
  cursor: default;
}

.site-footer li,
.site-footer a,
.site-footer .read-more-button {
  color: #555;
  font-size: 0.95em;
}


.site-footer a,
.site-footer .read-more-button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}

.site-footer a:after, .site-footer .read-more-button:after {
  content: '';
  display: block;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  background: #999;
  transition: opacity 0.1s ease-in-out;
}

@media screen and (min-width: 768px) {
  .site-footer a:after, .site-footer .read-more-button:after {
    opacity: 0;
    bottom: -1px;
    background: #666;
  }
}

.site-footer a:hover, .site-footer .read-more-button:hover {
  color: #111;
}

.site-footer a:hover:after, .site-footer .read-more-button:hover:after {
  opacity: 1;
}

.site-footer li + li {
  margin-top: 0.4em;
}

.site-footer .newsletter-signup {
  margin-bottom: 1em;
}

.site-footer .grid-item:last-child {
  margin-bottom: 0;
}

.site-footer .footer__social-links a, .site-footer .footer__social-links .read-more-button {
  display: inline-block;
  float: left;
  font-size: 2em;
  padding: 0 0.3em;
}

.site-footer .footer__social-links a:after, .site-footer .footer__social-links .read-more-button:after {
  content: none;
}

.site-footer .footer__social-links a:first-child, .site-footer .footer__social-links .read-more-button:first-child {
  margin-left: -0.3em;
}

.site-footer .footer__social-links a:hover:after, .site-footer .footer__social-links .read-more-button:hover:after {
  opacity: 0;
}

.site-footer .footer__copyright {
  clear: both;
  padding-top: 1em;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.tag-list.tag-list--small {
  font-size: 0.875em;
}

.tag-list .product-tag {
  margin-bottom: 0.5em;
  padding-right: 0.7em;
  margin-left: 0;
  margin-right: 0.5em;
}

.category-slider .swiper-slide {
  text-align: center;
}

.category-slider i {
  display: block;
}

.action-list .action-list__row {
  display: flex;
  align-items: center;
  margin: 1em 0;
}

.action-list .action-list__left-column {
  margin-right: auto;
}

@media screen and (min-width: 64.0625em) {
  .menu-button.holiday {
    position: relative;
  }
  .menu-button.holiday:before {
    content: '';
    position: absolute;
    overflow: visible;
    background-image: url(/media/sale/nav-lights1.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 4.75em;
    top: 0;
    left: -7px;
    right: -10px;
    -webkit-animation: holiday-blink 0.75s alternate infinite ease;
            animation: holiday-blink 0.75s alternate infinite ease;
  }
  .menu-button.holiday:hover:before {
    background-image: url(/media/sale/nav-lights__hover.png);
    -webkit-animation: unset;
            animation: unset;
  }
}

@-webkit-keyframes holiday-blink {
  from {
    background-image: url(/media/sale/nav-lights1.png);
  }
  to {
    background-image: url(/media/sale/nav-lights2.png);
  }
}

@keyframes holiday-blink {
  from {
    background-image: url(/media/sale/nav-lights1.png);
  }
  to {
    background-image: url(/media/sale/nav-lights2.png);
  }
}

.loading-bar {
  z-index: 10;
  background-color: #d2f5ed;
  position: absolute;
  transition: opacity 0.5s ease-out;
  transition-delay: 0.5s;
  height: 4px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.is-loading .loading-bar {
  -webkit-animation: loading 2s infinite ease-in-out;
          animation: loading 2s infinite ease-in-out;
  transition: width 0;
  transition-delay: 0;
  opacity: 1;
  right: 100%;
}

.is-loading.is-loading__25 .loading-bar {
  left: 0%;
  right: 75%;
  -webkit-animation: unset;
          animation: unset;
}

.is-loading.is-loading__50 .loading-bar {
  left: 0%;
  right: 50%;
  -webkit-animation: unset;
          animation: unset;
}

.is-loading.is-loading__75 .loading-bar {
  left: 0%;
  right: 25%;
  -webkit-animation: unset;
          animation: unset;
}

.is-loading.is-loading__100 .loading-bar {
  left: 0%;
  right: 0%;
  -webkit-animation: unset;
          animation: unset;
}

.is-loaded .loading-bar {
  transition: right 0.5s ease-out;
  transition-delay: 0;
  right: 100%;
  left: 0%;
  opacity: 1;
}

@-webkit-keyframes loading {
  0% {
    right: 100%;
    left: 0%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}

@keyframes loading {
  0% {
    right: 100%;
    left: 0%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}

/* Animation */
@-webkit-keyframes throbber-scale {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes throbber-scale {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(0.5);
  }
}

.loading-overlay {
  position: fixed;
  z-index: 40;
  background: #eee;
  top: -50%;
  left: -50%;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: throbber-scale 1s infinite ease-in-out;
          animation: throbber-scale 1s infinite ease-in-out;
  display: none;
}

.loading-overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: -76px;
  width: 142px;
  height: 152px;
  background-size: cover;
  background: url("/angular/src/images/emblem-loader.svg") top center no-repeat;
  z-index: 44;
}

.loading-overlay:before {
  position: fixed;
  content: '';
  top: 50%;
  left: 50%;
  margin: -62px 0 0 -62px;
  transition: opacity 5s;
  transform: translate3d(0px, 0px, 0px);
  width: 125px;
  height: 125px;
  border-radius: 50%;
  z-index: 44;
}

.loading-overlay.is-visible {
  visibility: visible;
  opacity: 1;
  display: block;
}

.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.spinner.spinner--max-width {
  width: 90em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .spinner.spinner--max-width {
    width: 100%;
  }
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.tabbed-nav .button, .tabbed-nav .poll__answers .list .poll__answer, .poll__answers .list .tabbed-nav .poll__answer {
  color: #68615d;
}

.tabbed-nav .button i, .tabbed-nav .poll__answers .list .poll__answer i, .poll__answers .list .tabbed-nav .poll__answer i {
  opacity: 0.25;
  font-size: 1.2em;
}

.tabbed-nav .button:last-child, .tabbed-nav .poll__answers .list .poll__answer:last-child, .poll__answers .list .tabbed-nav .poll__answer:last-child {
  margin-right: 0;
}

.tabbed-nav .button:hover, .tabbed-nav .poll__answers .list .poll__answer:hover, .poll__answers .list .tabbed-nav .poll__answer:hover {
  color: #545454;
}

.tabbed-nav .button:hover i, .tabbed-nav .poll__answers .list .poll__answer:hover i, .poll__answers .list .tabbed-nav .poll__answer:hover i {
  opacity: 1;
}

.tabbed-nav .button.active, .tabbed-nav .poll__answers .list .active.poll__answer, .poll__answers .list .tabbed-nav .active.poll__answer {
  color: #333;
  border-bottom: 4px solid #333;
}

.tabbed-nav .button.active i, .tabbed-nav .poll__answers .list .active.poll__answer i, .poll__answers .list .tabbed-nav .active.poll__answer i {
  opacity: 1;
}

.modal, .black-white-modal {
  text-align: center;
  pointer-events: auto;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  display: inline-block;
  transform: translateZ(0) translate3d(-50%, -50%, 0);
  max-height: 100vh;
  max-width: 50%;
  transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.16, 1.545);
  overflow-y: auto;
  overflow-x: hidden;
  margin: 32px 0 0 0;
  padding: 2em;
  background-color: #fff;
  min-width: 294px;
  opacity: 1;
  box-sizing: border-box;
}

.modal *, .black-white-modal * {
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .modal, .black-white-modal {
    padding: 2em;
  }
  .modal .modal-close, .black-white-modal .modal-close {
    right: 0.3125em;
    top: 0.3125em;
  }
}

@media screen and (min-width: 768px) {
  .modal, .black-white-modal {
    -webkit-animation: modalSlideIn 0.3s ease-in-out forwards;
            animation: modalSlideIn 0.3s ease-in-out forwards;
    padding: 4em;
    width: 50%;
    max-width: 1200px;
  }
}

.modal.modal--wide, .modal--wide.black-white-modal {
  overflow-y: scroll;
}

@media screen and (min-width: 768px) {
  .modal.modal--wide, .modal--wide.black-white-modal {
    min-width: 46em;
  }
}

@media screen and (min-width: 64.0625em) {
  .modal.modal--wide, .modal--wide.black-white-modal {
    min-width: 61.25em;
  }
}

@media screen and (min-width: 1216px) {
  .modal.modal--wide, .modal--wide.black-white-modal {
    min-width: 68.75em;
  }
}

@media screen and (min-width: 768px) {
  .modal.closing, .closing.black-white-modal {
    -webkit-animation: modalSlideOut 0.3s ease-in-out forwards;
            animation: modalSlideOut 0.3s ease-in-out forwards;
  }
}

.modal .shiny--disco-balls, .black-white-modal .shiny--disco-balls {
  width: 33%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .modal.modal--mobile-full-screen, .modal--mobile-full-screen.black-white-modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    max-height: 100vh;
  }
}

.modal-is-open {
  overflow: hidden;
  position: fixed;
}

.modal-close-wrapper {
  position: absolute;
  right: 0.5em;
  width: 10em;
  height: 10em;
  z-index: 10001;
}

.modal-close {
  display: flex;
  justify-content: center;
  position: absolute;
  border-radius: 100%;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.8em;
  color: #333;
  background-color: rgba(255, 255, 255, 0.5);
  height: 1.2em;
  width: 1.2em;
  align-items: center;
  z-index: 10001;
}

.modal-next,
.modal-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 5em;
}

.modal-next {
  position: absolute;
  right: -0.75em;
}

.modal-previous {
  position: absolute;
  left: -0.75em;
}

.gallery-modal .gallery-images {
  max-height: 500px;
  overflow: auto;
}

.add-card-modal {
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .address-modal .modal-inner {
    max-height: 31.25em;
    overflow-y: scroll;
    padding: 2px;
  }
}

@media screen and (min-width: 768px) {
  .address-modal {
    min-width: 28.75em;
  }
}

.question-modal {
  max-width: 28.75em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .modal.modal--bottom-drawer, .modal--bottom-drawer.black-white-modal {
    max-width: 100%;
    width: 100%;
    top: auto;
    transform: none;
    left: 0;
    margin: 0;
    bottom: 0;
  }
  .modal.modal--bottom-drawer.closing, .modal--bottom-drawer.closing.black-white-modal {
    transition: transform 150ms ease-in;
    transform: translateY(100%);
  }
}

.modal.modal--bottom-drawer .success--password-reset, .modal--bottom-drawer.black-white-modal .success--password-reset {
  padding-top: 0;
}

.modal.modal--bottom-drawer .font--size, .modal--bottom-drawer.black-white-modal .font--size {
  font-size: 1.2em;
}

.modal.modal--bottom-drawer .line--height, .modal--bottom-drawer.black-white-modal .line--height {
  line-height: 1.7em;
}

.modal.modal--bottom-drawer .bb-badge, .modal--bottom-drawer.black-white-modal .bb-badge {
  width: 30%;
  margin-top: -3em;
}

.modal--bottom-drawer.login-modal-new label {
  text-align: left;
}

.modal--bottom-drawer.login-modal-new .field-container {
  margin-bottom: 1em;
}

.modal--bottom-drawer.login-modal-new .field-container:last-child {
  margin-bottom: 0;
}

.modal--bottom-drawer .login-names {
  display: flex;
}

.modal--bottom-drawer .login-names .field-container {
  width: 100%;
}

.modal--bottom-drawer .login-names .field-container + .field-container {
  margin-left: 0.75em;
}

.modal--bottom-drawer .newsletter-agreement {
  font-size: 0.625em;
}

.modal--bottom-drawer .modal-inner {
  overflow: auto;
}

.modal--bottom-drawer .modal-inner ul {
  font-size: 0.8125em;
}

.modal--bottom-drawer .modal-inner .login-modal__switch {
  margin-top: 0.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .modal--bottom-drawer {
    min-width: 294px;
  }
}

@media screen and (min-width: 768px) {
  .modal--bottom-drawer {
    width: 26.25em;
    padding: 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .modal--bottom-drawer {
    width: 30em;
    padding: 4.5em;
  }
}

.modal--bottom-drawer ul {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.modal--bottom-drawer fieldset:last-child {
  margin-bottom: 0;
}

.modal--bottom-drawer .field-container {
  margin-bottom: 0.5em;
}

.modal--bottom-drawer .field-container.extra-margin {
  margin-bottom: 1em;
}

.modal--bottom-drawer .login-modal__switch {
  margin-top: 1em;
}

.modal--bottom-drawer .newsletter-agreement {
  margin-bottom: 0;
}

.modal--bottom-drawer .ng-submitted .is-error {
  border-color: inherit;
}

.ng-invalid .modal--bottom-drawer .ng-submitted .is-error {
  border-color: #ff6e00;
}

.modal--bottom-drawer .ng-submitted .field-error {
  display: inline-block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .overlay-content {
    margin-top: 0.5em;
  }
}

.add-to-cart-modal {
  max-width: 55em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .add-to-cart-modal .cart-crosssells {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .add-to-cart-modal .checkout-buttons {
    font-size: 0.8375em;
  }
}

@media screen and (min-width: 768px) {
  .add-to-cart-modal .checkout-buttons .button, .add-to-cart-modal .checkout-buttons .poll__answers .list .poll__answer, .poll__answers .list .add-to-cart-modal .checkout-buttons .poll__answer {
    white-space: pre-wrap;
  }
  .add-to-cart-modal .overlay-content .h4, .add-to-cart-modal .overlay-content #story h4, #story .add-to-cart-modal .overlay-content h4, .add-to-cart-modal .overlay-content .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .add-to-cart-modal .overlay-content p, .add-to-cart-modal .overlay-content .project-card .h3, .project-card .add-to-cart-modal .overlay-content .h3, .add-to-cart-modal .overlay-content .project-card #story h3, .project-card #story .add-to-cart-modal .overlay-content h3, .add-to-cart-modal .overlay-content #story .project-card h3, #story .project-card .add-to-cart-modal .overlay-content h3, .add-to-cart-modal .overlay-content .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .add-to-cart-modal .overlay-content .out-of-stock__modal--label, .add-to-cart-modal .overlay-content .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .add-to-cart-modal .overlay-content .out-of-stock__modal--label,
  .add-to-cart-modal .overlay-content .product-price {
    text-shadow: 1px 1px 5px black;
    font-size: 1.1125em;
  }
}

@media screen and (min-width: 64.0625em) {
  .add-to-cart-modal .overlay-content {
    text-align: left;
  }
}

.add-to-cart-modal .undies-crosssells .product-crosssell {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 32.2551%;
}

.add-to-cart-modal .undies-crosssells .product-crosssell:last-child {
  margin-right: 0;
}

.add-to-cart-product {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 64.0625em) {
  .add-to-cart-product {
    padding-right: 1em;
  }
  .add-to-cart-product + .column6 {
    padding-left: 1em;
  }
}

.add-to-cart-product .product-crosssell img {
  display: block;
}

.add-to-cart-product .product-crosssell .h4, .add-to-cart-product .product-crosssell #story h4, #story .add-to-cart-product .product-crosssell h4, .add-to-cart-product .product-crosssell .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .add-to-cart-product .product-crosssell p, .add-to-cart-product .product-crosssell .project-card .h3, .project-card .add-to-cart-product .product-crosssell .h3, .add-to-cart-product .product-crosssell .project-card #story h3, .project-card #story .add-to-cart-product .product-crosssell h3, .add-to-cart-product .product-crosssell #story .project-card h3, #story .project-card .add-to-cart-product .product-crosssell h3, .add-to-cart-product .product-crosssell .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .add-to-cart-product .product-crosssell .out-of-stock__modal--label, .add-to-cart-product .product-crosssell .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .add-to-cart-product .product-crosssell .out-of-stock__modal--label {
  margin-bottom: 0.25em;
}

.add-to-cart-product {
  margin-bottom: 1em;
}

.quick-look.modal, .quick-look.black-white-modal {
  max-width: 90vw;
  width: 90vw;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.quick-look.modal::after, .quick-look.black-white-modal::after {
  clear: both;
  content: '';
  display: table;
}

.quick-look.modal .quick-look__gallery, .quick-look.black-white-modal .quick-look__gallery {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 49.19133%;
}

.quick-look.modal .quick-look__gallery:last-child, .quick-look.black-white-modal .quick-look__gallery:last-child {
  margin-right: 0;
}

.quick-look.modal .quick-look__gallery .afkl-lazy-wrapper, .quick-look.black-white-modal .quick-look__gallery .afkl-lazy-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 58.6%;
  overflow: hidden;
}

.quick-look.modal .quick-look__gallery .afkl-lazy-wrapper img, .quick-look.black-white-modal .quick-look__gallery .afkl-lazy-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(-50% -50%);
}

.quick-look.modal .quick-look__product, .quick-look.black-white-modal .quick-look__product {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 49.19133%;
  text-align: center;
  padding-left: 1em;
}

.quick-look.modal .quick-look__product:last-child, .quick-look.black-white-modal .quick-look__product:last-child {
  margin-right: 0;
}

.quick-look.modal .product-price, .quick-look.black-white-modal .product-price {
  margin-bottom: 0.5em;
}

.quick-look.modal .quick-look__thumbnails, .quick-look.black-white-modal .quick-look__thumbnails {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
}

.quick-look.modal .quick-look__thumbnails::after, .quick-look.black-white-modal .quick-look__thumbnails::after {
  clear: both;
  content: '';
  display: table;
}

.quick-look.modal .quick-look__thumbnail, .quick-look.black-white-modal .quick-look__thumbnail {
  position: relative;
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 23.78699%;
  cursor: pointer;
}

.quick-look.modal .quick-look__thumbnail:last-child, .quick-look.black-white-modal .quick-look__thumbnail:last-child {
  margin-right: 0;
}

.quick-look.modal .quick-look__thumbnail:nth-child(4n), .quick-look.black-white-modal .quick-look__thumbnail:nth-child(4n) {
  margin-right: 0;
}

.quick-look.modal .quick-look__thumbnail:nth-child(4n+1), .quick-look.black-white-modal .quick-look__thumbnail:nth-child(4n+1) {
  clear: left;
}

.quick-look.modal .product-vital-stats, .quick-look.black-white-modal .product-vital-stats {
  text-align: left;
}

.quick-look.modal .h3, .quick-look.black-white-modal .h3, .quick-look.modal #story h3, #story .quick-look.modal h3, .quick-look.black-white-modal #story h3, #story .quick-look.black-white-modal h3, .quick-look.modal .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .quick-look.modal .out-of-stock__modal--label, .quick-look.black-white-modal .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .quick-look.black-white-modal .out-of-stock__modal--label {
  margin-bottom: 0.125em;
}

@media screen and (min-width: 1216px) {
  .quick-look.modal .h3, .quick-look.black-white-modal .h3, .quick-look.modal #story h3, #story .quick-look.modal h3, .quick-look.black-white-modal #story h3, #story .quick-look.black-white-modal h3, .quick-look.modal .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .quick-look.modal .out-of-stock__modal--label, .quick-look.black-white-modal .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .quick-look.black-white-modal .out-of-stock__modal--label {
    font-size: 2.25em;
    line-height: 1.2;
  }
}

.quick-look.modal .h5, .quick-look.black-white-modal .h5, .quick-look.modal .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .quick-look.modal .product-name--two-lines, .quick-look.black-white-modal .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .quick-look.black-white-modal .product-name--two-lines, .quick-look.modal .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .quick-look.modal .product-card-name, .quick-look.black-white-modal .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .quick-look.black-white-modal .product-card-name, .quick-look.modal #story h5, #story .quick-look.modal h5, .quick-look.black-white-modal #story h5, #story .quick-look.black-white-modal h5, .quick-look.modal .filters .section-header, .filters .quick-look.modal .section-header, .quick-look.black-white-modal .filters .section-header, .filters .quick-look.black-white-modal .section-header,
.quick-look.modal .sorters .section-header, .sorters .quick-look.modal .section-header,
.quick-look.black-white-modal .sorters .section-header, .sorters .quick-look.black-white-modal .section-header, .quick-look.modal .chat-notification__title, .quick-look.black-white-modal .chat-notification__title {
  color: #a09995;
  margin-bottom: 0.25em;
}

.quick-look.modal .buybar > span, .quick-look.black-white-modal .buybar > span {
  display: flex;
  justify-content: space-between;
}

.quick-look.modal .buybar > span.is-single-attribute, .quick-look.black-white-modal .buybar > span.is-single-attribute {
  justify-content: center;
}

.quick-look.modal .buybar > span .select-dropdown, .quick-look.black-white-modal .buybar > span .select-dropdown {
  flex: 0 0 48%;
  margin-bottom: 1em;
}

.quick-look.modal .buybar > span .add-to-cart, .quick-look.black-white-modal .buybar > span .add-to-cart {
  flex: 0 0 48%;
  max-width: 25em;
  margin: 0 auto;
}

@media screen and (min-width: 1216px) {
  .quick-look.modal .buybar > span, .quick-look.black-white-modal .buybar > span {
    margin: 1em 0;
    display: block;
  }
}

.quick-look.modal .buybar, .quick-look.black-white-modal .buybar, .quick-look.modal .product-vital-stats, .quick-look.black-white-modal .product-vital-stats {
  margin: 0 auto 1em;
}

.quick-look.modal .product-vital-stats, .quick-look.black-white-modal .product-vital-stats {
  font-size: 0.875em;
  display: table;
  text-align: center;
  list-style: none;
}

.quick-look.modal .buttons-container, .quick-look.black-white-modal .buttons-container {
  border-top: 4px solid #edeceb;
  padding-top: 1em;
  display: table;
  margin: 1em auto 0;
}

.quick-look.modal .explanation, .quick-look.black-white-modal .explanation {
  display: none;
}

.benefits-modal {
  max-width: 17.375em;
  background-image: none;
}

.benefits-modal .text {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .benefits-modal {
    padding: 1em;
  }
  .benefits-modal ul {
    font-size: 0.8125em;
  }
}

@media screen and (min-width: 64.0625em) {
  .benefits-modal {
    width: 60%;
    max-width: 900px;
    min-width: 850px;
    background-image: url(/angular/src/app/modal/account-benefits/benefits-cutout.png);
    background-repeat: no-repeat;
    background-size: auto 85%;
    background-position: 90% 100%;
  }
  .benefits-modal .text {
    width: 60%;
    margin-right: 50%;
  }
}

.benefits-modal ul li {
  padding: 0.25em 0.5em;
}

.benefits-modal ul li + li {
  margin-top: 0.5em;
}

.benefits-modal ul li:first-child {
  background-color: rgba(255, 174, 0, 0.19);
}

.number-collection--modal {
  max-width: 30em;
  padding-top: 0;
}

.number-collection--modal .shiny--disco-balls {
  width: 25%;
  height: auto;
}

.number-collection--modal .header-txt {
  margin-top: 3em;
  margin-bottom: 2em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .number-collection--modal .header-txt {
    margin-top: 2em;
    margin-bottom: 1em;
  }
}

.number-collection--modal .action-description {
  margin: 0.8em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .number-collection--modal .action-description {
    margin: 0.8em 0em 0.8em;
  }
}

.number-collection--modal .input--has-button, .number-collection--modal .live-events-collection-page .sms-form-input-container, .live-events-collection-page .number-collection--modal .sms-form-input-container {
  height: 3.07em;
  justify-content: center;
  margin: 0.5em 2em 0.3em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .number-collection--modal .input--has-button, .number-collection--modal .live-events-collection-page .sms-form-input-container, .live-events-collection-page .number-collection--modal .sms-form-input-container {
    margin: 0.5em 0em 0.3em;
  }
}

.number-collection--modal .expand-txt {
  margin-top: 0.8em;
}

.number-collection--modal .error-msg {
  margin: 0 1em;
}

.number-collection--modal .notification--help-txt {
  margin-top: 1em;
}

.number-collection--modal p {
  margin-top: 1.5em;
}

.submission-success-modal {
  max-width: 36.875em;
  text-align: center;
}

.how-it-works__modal {
  text-align: center;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.how-it-works__modal::after {
  clear: both;
  content: '';
  display: table;
}

.how-it-works__modal img {
  display: block;
  margin-bottom: 1em;
}

.how-it-works__modal .step {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 32.2551%;
}

.how-it-works__modal .step:last-child {
  margin-right: 0;
}

.how-it-works__modal .step :last-child {
  margin-bottom: 0;
}

@media min-width {
  .how-it-works__modal {
    display: none;
  }
}

.pre-order-modal {
  text-align: center;
}

.pre-order-modal img {
  width: 280px;
  position: relative;
  left: 20px;
}

.pre-order-modal .questions-form {
  margin-bottom: 2em;
}

.pre-order-modal .questions-form label {
  text-align: left;
}

.referrals-modal {
  padding: 0;
  min-width: 100vw;
  max-width: 100vw;
  min-height: 40em;
}

.referrals-modal .modal-close {
  z-index: 2;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .referrals-modal {
    min-height: 40em;
    min-width: 30em;
    max-width: 35em;
  }
}

.referrals-modal .referral-module {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
}

.referrals-modal .referral-module .referral-module__image {
  position: static;
  display: flex;
  flex: 1;
  color: #fff;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-image: url(https://www.betabrand.com/story/wp-content/uploads/2019/01/bb_checkout-success_referral-bg-v3.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  z-index: 0;
}

.referrals-modal .referral-module .module__content {
  display: block;
  position: static;
  background-color: #fff;
  color: #333;
  position: static;
  padding: 2em;
}

.referrals-modal .referral-module .module__content input {
  margin-bottom: 1em;
}

.referrals-modal .referral-module .module__content .referral-copy-button {
  width: 100%;
}

.referrals-modal .referral-module .referrals-share {
  min-width: 100%;
}

.mc-modal {
  width: auto;
}

.mc-modal .modelcitizen__uploader .uploader__pad {
  padding: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .mc-modal {
    overflow-y: auto;
    width: 97%;
    max-width: 97%;
  }
}

.mc-modal tags-input .autocomplete .suggestion-list {
  max-height: 9.25em;
}

.mc-modal tags-input .autocomplete .suggestion-list .suggestion-item {
  text-align: left;
  font-size: 1em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .mc-modal.isPos {
    transition: none;
    padding: 1em;
    height: 100%;
  }
  .mc-modal.isPos .modal-close {
    z-index: 9999;
  }
  .mc-modal.isPos .modelcitizen__uploader {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__pad {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: transparent;
    padding: 0;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__canvas {
    max-width: 70vh;
    margin: auto;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__left {
    padding: 3em;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__right {
    padding: 1em 0 4em;
    max-width: 30em;
    margin: 0 auto;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__offer-description {
    display: none;
  }
  .mc-modal.isPos .modelcitizen__uploader .modelcitizen-uploader__controls {
    display: none;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__mobile-buttons {
    min-height: 4.5em;
    padding-top: 1em;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__mobile-buttons form {
    display: flex;
  }
  .mc-modal.isPos .modelcitizen__uploader .uploader__mobile-buttons .button:first-child, .mc-modal.isPos .modelcitizen__uploader .uploader__mobile-buttons .poll__answers .list .poll__answer:first-child, .poll__answers .list .mc-modal.isPos .modelcitizen__uploader .uploader__mobile-buttons .poll__answer:first-child {
    margin-right: 1em;
  }
}

.mc-modal .buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.add-card-modal {
  max-width: 26.25em;
}

.modal-overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .modal-overlay {
    opacity: 0.7;
    -webkit-animation: modalFadeIn 0.3s ease-in-out forwards;
            animation: modalFadeIn 0.3s ease-in-out forwards;
  }
}

.modal-overlay.closing {
  -webkit-animation: modalFadeOut 0.3s ease-in-out forwards;
          animation: modalFadeOut 0.3s ease-in-out forwards;
}

.modal-overlay.cover-background-image {
  opacity: 1;
  background-position: center;
  background-size: cover;
  cursor: default;
}

@media screen and (min-width: 768px) {
  .modal-overlay.cover-background-image {
    opacity: 0.7;
    -webkit-animation: modalCoverFadeIn 0.3s ease-in-out forwards;
            animation: modalCoverFadeIn 0.3s ease-in-out forwards;
  }
}

.newsletter-signup.modal:not(.roadblock), .newsletter-signup.black-white-modal:not(.roadblock),
.newsletter-signup-preview:not(.roadblock) {
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .newsletter-signup.modal:not(.roadblock), .newsletter-signup.black-white-modal:not(.roadblock),
  .newsletter-signup-preview:not(.roadblock) {
    max-width: 90vw;
    min-width: 90vw;
  }
}

@media screen and (min-width: 768px) {
  .newsletter-signup.modal:not(.roadblock), .newsletter-signup.black-white-modal:not(.roadblock),
  .newsletter-signup-preview:not(.roadblock) {
    width: auto;
    max-width: 35em;
  }
}

.newsletter-signup.modal.background-cover, .newsletter-signup.background-cover.black-white-modal,
.newsletter-signup-preview.background-cover {
  background-size: cover;
  background-position: center center;
}

.newsletter-signup .betabrand-logo {
  display: table;
  margin: 0 auto 1em;
  opacity: 0.5;
}

.newsletter-modal--default .newsletter-h1 {
  font-size: 4.5em;
}

.newsletter-modal--default .newsletter-h2 {
  font-size: 3.875em;
}

.newsletter-modal--default .newsletter-h3 {
  font-size: 3.25em;
}

.newsletter-modal--default .newsletter-h4 {
  font-size: 2.625em;
}

.newsletter-modal--default .newsletter-h5 {
  font-size: 2em;
}

.newsletter-modal--default .newsletter-h6 {
  font-size: 1.375em;
}

.newsletter-modal--default .newsletter-h7 {
  font-size: 1em;
}

.newsletter-modal--default .newsletter-h8 {
  font-size: 0.875em;
}

.newsletter-modal--default .betabrand-logo {
  max-width: 6.25em;
  margin-bottom: 1em;
}

.newsletter-modal--default .newsletter-headline {
  text-align: center;
  line-height: 1;
  margin-bottom: 0.125em;
}

.newsletter-modal--default .newsletter-subheadline {
  text-align: center;
  margin-bottom: 0.875em;
}

.newsletter-modal--default .dismiss {
  text-align: center;
  width: 100%;
  text-decoration: underline;
  margin-top: 1em;
}

.newsletter-modal--default .input-feedback {
  text-align: center;
  margin: 0 0 0.5em;
}

.newsletter-modal--default .newsletter-modal__success {
  text-align: center;
}

.newsletter-modal--default .newsletter-modal__success .h3, .newsletter-modal--default .newsletter-modal__success #story h3, #story .newsletter-modal--default .newsletter-modal__success h3, .newsletter-modal--default .newsletter-modal__success .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .newsletter-modal--default .newsletter-modal__success .out-of-stock__modal--label {
  line-height: 1.2;
}

.newsletter-modal--default .newsletter-modal__success p:last-child {
  margin-bottom: 0;
}

.newsletter-modal--default .button-facebook {
  white-space: normal;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .newsletter-modal--default .button-facebook {
    line-height: 1.2;
  }
}

.newsletter-modal--default .buttons-container {
  margin: 1em auto;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .newsletter-modal--default .buttons-container {
    display: flex;
    justify-content: space-between;
  }
}

.newsletter-modal--default .buttons-container a.button, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button, .newsletter-modal--default .buttons-container .button.read-more-button {
  margin-bottom: 1em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .newsletter-modal--default .buttons-container a.button, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button, .newsletter-modal--default .buttons-container .button.read-more-button {
    flex: 1 1 100%;
  }
  .newsletter-modal--default .buttons-container a.button + a.button, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer + a.button, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer + a.button, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button + a.button, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button + a.button, .newsletter-modal--default .buttons-container .button.read-more-button + a.button, .newsletter-modal--default .buttons-container .poll__answers .list a.button + a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container a.button + a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer + a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer + a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button + a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button + a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list .button.read-more-button + a.poll__answer, .poll__answers .list .newsletter-modal--default .buttons-container .button.read-more-button + a.poll__answer, .newsletter-modal--default .buttons-container .poll__answers .list a.button + .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container a.button + .poll__answer.read-more-button, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer + .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer + .poll__answer.read-more-button, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button + .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button + .poll__answer.read-more-button, .newsletter-modal--default .buttons-container .poll__answers .list .button.read-more-button + .poll__answer.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container .button.read-more-button + .poll__answer.read-more-button, .newsletter-modal--default .buttons-container a.button + .button.read-more-button, .newsletter-modal--default .buttons-container .poll__answers .list a.poll__answer + .button.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container a.poll__answer + .button.read-more-button, .newsletter-modal--default .buttons-container .poll__answers .list .poll__answer.read-more-button + .button.read-more-button, .poll__answers .list .newsletter-modal--default .buttons-container .poll__answer.read-more-button + .button.read-more-button, .newsletter-modal--default .buttons-container .button.read-more-button + .button.read-more-button {
    margin-left: 1em;
  }
}

.newsletter-modal--default .fancy, .newsletter-modal--default growl-notification.notification--marketing strong, growl-notification.notification--marketing .newsletter-modal--default strong, .newsletter-modal--default growl-notification.notification--marketing .link, growl-notification.notification--marketing .newsletter-modal--default .link, .newsletter-modal--default growl-notification.notification--marketing .comment-body a, growl-notification.notification--marketing .comment-body .newsletter-modal--default a, .newsletter-modal--default .comment-body growl-notification.notification--marketing a, .comment-body growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .comment-body .read-more-button, growl-notification.notification--marketing .comment-body .newsletter-modal--default .read-more-button, .newsletter-modal--default .comment-body growl-notification.notification--marketing .read-more-button, .comment-body growl-notification.notification--marketing .newsletter-modal--default .read-more-button,
.newsletter-modal--default growl-notification.notification--marketing .comment-header a, growl-notification.notification--marketing .comment-header .newsletter-modal--default a, .newsletter-modal--default .comment-header growl-notification.notification--marketing a, .comment-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .comment-header .read-more-button, growl-notification.notification--marketing .comment-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .comment-header growl-notification.notification--marketing .read-more-button, .comment-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio a, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .newsletter-modal--default a, .newsletter-modal--default .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing a, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .read-more-button, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .newsletter-modal--default .read-more-button, .newsletter-modal--default .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .read-more-button, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .h5 a, growl-notification.notification--marketing .real-time-stream .h5 .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .h5 growl-notification.notification--marketing a, .real-time-stream .h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .newsletter-modal--default a, .newsletter-modal--default .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name a, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing a, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name a, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .newsletter-modal--default a, .newsletter-modal--default .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing a, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream #story h5 a, growl-notification.notification--marketing .real-time-stream #story h5 .newsletter-modal--default a, .newsletter-modal--default .real-time-stream #story h5 growl-notification.notification--marketing a, .real-time-stream #story h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing #story .real-time-stream h5 a, growl-notification.notification--marketing #story .real-time-stream h5 .newsletter-modal--default a, .newsletter-modal--default #story .real-time-stream h5 growl-notification.notification--marketing a, #story .real-time-stream h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .filters .section-header a, growl-notification.notification--marketing .real-time-stream .filters .section-header .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .filters .section-header growl-notification.notification--marketing a, .real-time-stream .filters .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .filters .real-time-stream .section-header a, growl-notification.notification--marketing .filters .real-time-stream .section-header .newsletter-modal--default a, .newsletter-modal--default .filters .real-time-stream .section-header growl-notification.notification--marketing a, .filters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .sorters .section-header a, growl-notification.notification--marketing .real-time-stream .sorters .section-header .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .sorters .section-header growl-notification.notification--marketing a, .real-time-stream .sorters .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .sorters .real-time-stream .section-header a, growl-notification.notification--marketing .sorters .real-time-stream .section-header .newsletter-modal--default a, .newsletter-modal--default .sorters .real-time-stream .section-header growl-notification.notification--marketing a, .sorters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .chat-notification__title a, growl-notification.notification--marketing .real-time-stream .chat-notification__title .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .chat-notification__title growl-notification.notification--marketing a, .real-time-stream .chat-notification__title growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .h5 .read-more-button, growl-notification.notification--marketing .real-time-stream .h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .h5 growl-notification.notification--marketing .read-more-button, .real-time-stream .h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .newsletter-modal--default .read-more-button, .newsletter-modal--default .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .newsletter-modal--default .read-more-button, .newsletter-modal--default .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream #story h5 .read-more-button, growl-notification.notification--marketing .real-time-stream #story h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream #story h5 growl-notification.notification--marketing .read-more-button, .real-time-stream #story h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing #story .real-time-stream h5 .read-more-button, growl-notification.notification--marketing #story .real-time-stream h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default #story .real-time-stream h5 growl-notification.notification--marketing .read-more-button, #story .real-time-stream h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .filters .section-header .read-more-button, growl-notification.notification--marketing .real-time-stream .filters .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .filters .section-header growl-notification.notification--marketing .read-more-button, .real-time-stream .filters .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .filters .real-time-stream .section-header .read-more-button, growl-notification.notification--marketing .filters .real-time-stream .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .filters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, .filters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .sorters .section-header .read-more-button, growl-notification.notification--marketing .real-time-stream .sorters .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .sorters .section-header growl-notification.notification--marketing .read-more-button, .real-time-stream .sorters .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .sorters .real-time-stream .section-header .read-more-button, growl-notification.notification--marketing .sorters .real-time-stream .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .sorters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, .sorters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .chat-notification__title .read-more-button, growl-notification.notification--marketing .real-time-stream .chat-notification__title .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .chat-notification__title growl-notification.notification--marketing .read-more-button, .real-time-stream .chat-notification__title growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .main-nav__cart .menu-button, growl-notification.notification--marketing .main-nav__cart .newsletter-modal--default .menu-button, .newsletter-modal--default .main-nav__cart growl-notification.notification--marketing .menu-button, .main-nav__cart growl-notification.notification--marketing .newsletter-modal--default .menu-button, .newsletter-modal--default growl-notification.notification--marketing .input-feedback, growl-notification.notification--marketing .newsletter-modal--default .input-feedback, .newsletter-modal--default growl-notification.notification--marketing .icon-list--colored a, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default a, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing a, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .icon-list--colored .read-more-button, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default .read-more-button, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing .read-more-button, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default .read-more-button,
.newsletter-modal--default growl-notification.notification--marketing .icon-list--colored button, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default button, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing button, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default button, .newsletter-modal--default growl-notification.notification--marketing .site-footer li, growl-notification.notification--marketing .site-footer .newsletter-modal--default li, .newsletter-modal--default .site-footer growl-notification.notification--marketing li, .site-footer growl-notification.notification--marketing .newsletter-modal--default li,
.newsletter-modal--default growl-notification.notification--marketing .site-footer a, growl-notification.notification--marketing .site-footer .newsletter-modal--default a, .newsletter-modal--default .site-footer growl-notification.notification--marketing a, .site-footer growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .site-footer .read-more-button, growl-notification.notification--marketing .site-footer .newsletter-modal--default .read-more-button, .newsletter-modal--default .site-footer growl-notification.notification--marketing .read-more-button, .site-footer growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .read-more a, growl-notification.notification--marketing .read-more .newsletter-modal--default a, .newsletter-modal--default .read-more growl-notification.notification--marketing a, .read-more growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .read-more .read-more-button, growl-notification.notification--marketing .read-more .newsletter-modal--default .read-more-button, .newsletter-modal--default .read-more growl-notification.notification--marketing .read-more-button, .read-more growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-sidebar .product-questions-link button, growl-notification.notification--marketing .product-sidebar .product-questions-link .newsletter-modal--default button, .newsletter-modal--default .product-sidebar .product-questions-link growl-notification.notification--marketing button, .product-sidebar .product-questions-link growl-notification.notification--marketing .newsletter-modal--default button, .newsletter-modal--default .meta-data-container .meta-data__count, .meta-data-container .newsletter-modal--default .meta-data__count, .newsletter-modal--default .profile-card .h6, .profile-card .newsletter-modal--default .h6, .newsletter-modal--default .profile-card .product-card .product-price, .profile-card .product-card .newsletter-modal--default .product-price, .newsletter-modal--default .product-card .profile-card .product-price, .product-card .profile-card .newsletter-modal--default .product-price, .newsletter-modal--default .profile-card__bottom, .newsletter-modal--default .product-sidebar .product-tagline, .product-sidebar .newsletter-modal--default .product-tagline, .newsletter-modal--default .price .product-price__discount, .price .newsletter-modal--default .product-price__discount,
.newsletter-modal--default .product-price .product-price__discount, .product-price .newsletter-modal--default .product-price__discount, .newsletter-modal--default .price .product-price__final, .price .newsletter-modal--default .product-price__final,
.newsletter-modal--default .product-price .product-price__final, .product-price .newsletter-modal--default .product-price__final, .newsletter-modal--default .price .product-price__original, .price .newsletter-modal--default .product-price__original,
.newsletter-modal--default .product-price .product-price__original, .product-price .newsletter-modal--default .product-price__original, .newsletter-modal--default .price .product-price__percentage, .price .newsletter-modal--default .product-price__percentage,
.newsletter-modal--default .product-price .product-price__percentage, .product-price .newsletter-modal--default .product-price__percentage, .newsletter-modal--default .product-price__final-sale {
  font-size: 0.9375em;
}

@media screen and (min-width: 768px) {
  .newsletter-modal--default .fancy, .newsletter-modal--default growl-notification.notification--marketing strong, growl-notification.notification--marketing .newsletter-modal--default strong, .newsletter-modal--default growl-notification.notification--marketing .link, growl-notification.notification--marketing .newsletter-modal--default .link, .newsletter-modal--default growl-notification.notification--marketing .comment-body a, growl-notification.notification--marketing .comment-body .newsletter-modal--default a, .newsletter-modal--default .comment-body growl-notification.notification--marketing a, .comment-body growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .comment-body .read-more-button, growl-notification.notification--marketing .comment-body .newsletter-modal--default .read-more-button, .newsletter-modal--default .comment-body growl-notification.notification--marketing .read-more-button, .comment-body growl-notification.notification--marketing .newsletter-modal--default .read-more-button,
  .newsletter-modal--default growl-notification.notification--marketing .comment-header a, growl-notification.notification--marketing .comment-header .newsletter-modal--default a, .newsletter-modal--default .comment-header growl-notification.notification--marketing a, .comment-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .comment-header .read-more-button, growl-notification.notification--marketing .comment-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .comment-header growl-notification.notification--marketing .read-more-button, .comment-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio a, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .newsletter-modal--default a, .newsletter-modal--default .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing a, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .read-more-button, growl-notification.notification--marketing .profile-card__bottom.profile-card__bottom--bio .newsletter-modal--default .read-more-button, .newsletter-modal--default .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .read-more-button, .profile-card__bottom.profile-card__bottom--bio growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .h5 a, growl-notification.notification--marketing .real-time-stream .h5 .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .h5 growl-notification.notification--marketing a, .real-time-stream .h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .newsletter-modal--default a, .newsletter-modal--default .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name a, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing a, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name a, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .newsletter-modal--default a, .newsletter-modal--default .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing a, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream #story h5 a, growl-notification.notification--marketing .real-time-stream #story h5 .newsletter-modal--default a, .newsletter-modal--default .real-time-stream #story h5 growl-notification.notification--marketing a, .real-time-stream #story h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing #story .real-time-stream h5 a, growl-notification.notification--marketing #story .real-time-stream h5 .newsletter-modal--default a, .newsletter-modal--default #story .real-time-stream h5 growl-notification.notification--marketing a, #story .real-time-stream h5 growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .filters .section-header a, growl-notification.notification--marketing .real-time-stream .filters .section-header .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .filters .section-header growl-notification.notification--marketing a, .real-time-stream .filters .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .filters .real-time-stream .section-header a, growl-notification.notification--marketing .filters .real-time-stream .section-header .newsletter-modal--default a, .newsletter-modal--default .filters .real-time-stream .section-header growl-notification.notification--marketing a, .filters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .sorters .section-header a, growl-notification.notification--marketing .real-time-stream .sorters .section-header .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .sorters .section-header growl-notification.notification--marketing a, .real-time-stream .sorters .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .sorters .real-time-stream .section-header a, growl-notification.notification--marketing .sorters .real-time-stream .section-header .newsletter-modal--default a, .newsletter-modal--default .sorters .real-time-stream .section-header growl-notification.notification--marketing a, .sorters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .chat-notification__title a, growl-notification.notification--marketing .real-time-stream .chat-notification__title .newsletter-modal--default a, .newsletter-modal--default .real-time-stream .chat-notification__title growl-notification.notification--marketing a, .real-time-stream .chat-notification__title growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .h5 .read-more-button, growl-notification.notification--marketing .real-time-stream .h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .h5 growl-notification.notification--marketing .read-more-button, .real-time-stream .h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, growl-notification.notification--marketing .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .newsletter-modal--default .read-more-button, .newsletter-modal--default .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, growl-notification.notification--marketing .real-time-stream .product-card .product-card--design-idea .product-card-name .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, growl-notification.notification--marketing .product-card .product-card--design-idea .real-time-stream .product-card-name .newsletter-modal--default .read-more-button, .newsletter-modal--default .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream #story h5 .read-more-button, growl-notification.notification--marketing .real-time-stream #story h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream #story h5 growl-notification.notification--marketing .read-more-button, .real-time-stream #story h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing #story .real-time-stream h5 .read-more-button, growl-notification.notification--marketing #story .real-time-stream h5 .newsletter-modal--default .read-more-button, .newsletter-modal--default #story .real-time-stream h5 growl-notification.notification--marketing .read-more-button, #story .real-time-stream h5 growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .filters .section-header .read-more-button, growl-notification.notification--marketing .real-time-stream .filters .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .filters .section-header growl-notification.notification--marketing .read-more-button, .real-time-stream .filters .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .filters .real-time-stream .section-header .read-more-button, growl-notification.notification--marketing .filters .real-time-stream .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .filters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, .filters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .sorters .section-header .read-more-button, growl-notification.notification--marketing .real-time-stream .sorters .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .sorters .section-header growl-notification.notification--marketing .read-more-button, .real-time-stream .sorters .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .sorters .real-time-stream .section-header .read-more-button, growl-notification.notification--marketing .sorters .real-time-stream .section-header .newsletter-modal--default .read-more-button, .newsletter-modal--default .sorters .real-time-stream .section-header growl-notification.notification--marketing .read-more-button, .sorters .real-time-stream .section-header growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .real-time-stream .chat-notification__title .read-more-button, growl-notification.notification--marketing .real-time-stream .chat-notification__title .newsletter-modal--default .read-more-button, .newsletter-modal--default .real-time-stream .chat-notification__title growl-notification.notification--marketing .read-more-button, .real-time-stream .chat-notification__title growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .main-nav__cart .menu-button, growl-notification.notification--marketing .main-nav__cart .newsletter-modal--default .menu-button, .newsletter-modal--default .main-nav__cart growl-notification.notification--marketing .menu-button, .main-nav__cart growl-notification.notification--marketing .newsletter-modal--default .menu-button, .newsletter-modal--default growl-notification.notification--marketing .input-feedback, growl-notification.notification--marketing .newsletter-modal--default .input-feedback, .newsletter-modal--default growl-notification.notification--marketing .icon-list--colored a, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default a, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing a, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .icon-list--colored .read-more-button, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default .read-more-button, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing .read-more-button, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default .read-more-button,
  .newsletter-modal--default growl-notification.notification--marketing .icon-list--colored button, growl-notification.notification--marketing .icon-list--colored .newsletter-modal--default button, .newsletter-modal--default .icon-list--colored growl-notification.notification--marketing button, .icon-list--colored growl-notification.notification--marketing .newsletter-modal--default button, .newsletter-modal--default growl-notification.notification--marketing .site-footer li, growl-notification.notification--marketing .site-footer .newsletter-modal--default li, .newsletter-modal--default .site-footer growl-notification.notification--marketing li, .site-footer growl-notification.notification--marketing .newsletter-modal--default li,
  .newsletter-modal--default growl-notification.notification--marketing .site-footer a, growl-notification.notification--marketing .site-footer .newsletter-modal--default a, .newsletter-modal--default .site-footer growl-notification.notification--marketing a, .site-footer growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .site-footer .read-more-button, growl-notification.notification--marketing .site-footer .newsletter-modal--default .read-more-button, .newsletter-modal--default .site-footer growl-notification.notification--marketing .read-more-button, .site-footer growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .read-more a, growl-notification.notification--marketing .read-more .newsletter-modal--default a, .newsletter-modal--default .read-more growl-notification.notification--marketing a, .read-more growl-notification.notification--marketing .newsletter-modal--default a, .newsletter-modal--default growl-notification.notification--marketing .read-more .read-more-button, growl-notification.notification--marketing .read-more .newsletter-modal--default .read-more-button, .newsletter-modal--default .read-more growl-notification.notification--marketing .read-more-button, .read-more growl-notification.notification--marketing .newsletter-modal--default .read-more-button, .newsletter-modal--default growl-notification.notification--marketing .product-sidebar .product-questions-link button, growl-notification.notification--marketing .product-sidebar .product-questions-link .newsletter-modal--default button, .newsletter-modal--default .product-sidebar .product-questions-link growl-notification.notification--marketing button, .product-sidebar .product-questions-link growl-notification.notification--marketing .newsletter-modal--default button, .newsletter-modal--default .meta-data-container .meta-data__count, .meta-data-container .newsletter-modal--default .meta-data__count, .newsletter-modal--default .profile-card .h6, .profile-card .newsletter-modal--default .h6, .newsletter-modal--default .profile-card .product-card .product-price, .profile-card .product-card .newsletter-modal--default .product-price, .newsletter-modal--default .product-card .profile-card .product-price, .product-card .profile-card .newsletter-modal--default .product-price, .newsletter-modal--default .profile-card__bottom, .newsletter-modal--default .product-sidebar .product-tagline, .product-sidebar .newsletter-modal--default .product-tagline, .newsletter-modal--default .price .product-price__discount, .price .newsletter-modal--default .product-price__discount,
  .newsletter-modal--default .product-price .product-price__discount, .product-price .newsletter-modal--default .product-price__discount, .newsletter-modal--default .price .product-price__final, .price .newsletter-modal--default .product-price__final,
  .newsletter-modal--default .product-price .product-price__final, .product-price .newsletter-modal--default .product-price__final, .newsletter-modal--default .price .product-price__original, .price .newsletter-modal--default .product-price__original,
  .newsletter-modal--default .product-price .product-price__original, .product-price .newsletter-modal--default .product-price__original, .newsletter-modal--default .price .product-price__percentage, .price .newsletter-modal--default .product-price__percentage,
  .newsletter-modal--default .product-price .product-price__percentage, .product-price .newsletter-modal--default .product-price__percentage, .newsletter-modal--default .product-price__final-sale {
    font-size: 1em;
  }
}

.newsletter-modal--default .discount-text {
  margin-bottom: 1em;
}

.newsletter-modal--default .decorated-type {
  margin-bottom: 0.75em;
  margin-top: -0.75em;
}

.newsletter-modal--default .discount-code {
  display: table;
  min-width: 50%;
  margin: 0 auto 1em;
}

.single-product.modal, .single-product.black-white-modal {
  padding: 0;
  max-width: 30em;
}

.single-product.modal .swiper-container-horizontal, .single-product.black-white-modal .swiper-container-horizontal {
  padding-bottom: 1em;
}

.single-product.modal .swiper-container-horizontal > .swiper-pagination-bullets, .single-product.black-white-modal .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -0.25em;
}

.single-product.modal .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, .single-product.black-white-modal .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #4c8226;
}

.single-product.modal:before, .single-product.black-white-modal:before {
  display: none;
}

.single-product.modal .swiper-button-prev, .single-product.black-white-modal .swiper-button-prev,
.single-product.modal .swiper-button-next,
.single-product.black-white-modal .swiper-button-next {
  width: 2em;
  background-size: contain;
}

.single-product.modal .single-product-image, .single-product.black-white-modal .single-product-image {
  padding-bottom: 100%;
  background-size: cover;
  background-position: bottom;
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .single-product.modal .single-product-image, .single-product.black-white-modal .single-product-image {
    padding-bottom: 85%;
  }
}

.single-product.modal .product-name, .single-product.black-white-modal .product-name {
  margin-bottom: 0.5em;
}

.single-product.modal .product-tagline, .single-product.black-white-modal .product-tagline {
  display: none;
}

.single-product.modal .single-product-details, .single-product.black-white-modal .single-product-details {
  padding: 1em 2em 2em;
}

.single-product.modal .single-product-details .product-name, .single-product.black-white-modal .single-product-details .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.single-product.modal .single-product-details .add-to-cart, .single-product.black-white-modal .single-product-details .add-to-cart {
  max-width: 25em;
  margin: 0.5em auto;
  margin-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .single-product.modal, .single-product.black-white-modal {
    max-width: initial;
  }
}

.black-white-modal {
  padding: 0;
}

.black-white-modal > .header {
  padding: 1em;
  border-bottom: 1.5px solid #333;
  margin-bottom: 0;
}

.black-white-modal .modal-close {
  top: initial;
}

.black-white-modal .betabrand-close {
  color: #333;
  font-size: 0.75em;
}

.black-white-modal p {
  font-size: 0.82em;
}

@-webkit-keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}

@-webkit-keyframes modalCoverFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalCoverFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalFadeOut {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}

@keyframes modalFadeOut {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes modalSlideIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalSlideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes modalSlideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.meta-data-container {
  display: flex;
  align-items: center;
  max-width: 25em;
  width: 100%;
  justify-content: center;
  margin: 0.5em auto 0;
}

.meta-data-container:not(.meta-data-container--submission) .meta-data + .meta-data {
  border-left: 1px solid #e8e7e6;
}

.meta-data-container .meta-data {
  text-align: center;
  padding: 0 0.5em;
  flex: 1 1 100%;
  width: 100%;
}

.meta-data-container .meta-data:first-child {
  border-radius: 4px 0 0 4px;
}

.meta-data-container .meta-data:last-child {
  border-radius: 0 4px 4px 0;
}

.meta-data-container .meta-data.meta-data--is-successful {
  color: #4c8226;
}

.meta-data-container .meta-data.meta-data--is-disabled {
  text-decoration: line-through;
  color: #a09995;
}

.meta-data-container .meta-data.meta-data--is-active {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #4c8226;
}

.meta-data-container.meta-data-container--submission {
  align-items: center;
}

.meta-data-container .meta-data__count {
  line-height: 1.4;
  display: block;
  font-size: 1.125em;
  pointer-events: none;
}

.meta-data-container .meta-data__count a, .meta-data-container .meta-data__count .read-more-button {
  pointer-events: auto;
}

.meta-data-container .meta-data__label {
  font-size: 80%;
  display: block;
}

[class*='titip'] i {
  margin-right: 0.25em;
}

.leaderboard {
  counter-reset: leaderboard-counter;
  list-style: none;
}

.leaderboard li {
  position: relative;
}

.leaderboard li:before {
  content: counter(leaderboard-counter);
  counter-increment: leaderboard-counter;
  font-size: 1.5em;
  color: #a09995;
  position: absolute;
  z-index: 1;
  left: -0.75em;
  top: -0.15em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
}

.comment-container, .comment-caption-container {
  position: relative;
}

.comment-container + .comment-container, .comment-caption-container + .comment-container, .comment-container + .comment-caption-container, .comment-caption-container + .comment-caption-container {
  padding-top: 1.6em;
}

.comment-container .avatar, .comment-caption-container .avatar {
  margin-bottom: 0.875em;
  position: absolute;
  top: 0;
}

.comment-container .comment-upvote, .comment-caption-container .comment-upvote {
  position: absolute;
  top: 47px;
  left: 0;
  white-space: nowrap;
  width: 3.125em;
  text-align: center;
}

.comment-container .timestamp, .comment-caption-container .timestamp {
  color: #a09995;
  padding-left: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .comment-container .timestamp, .comment-caption-container .timestamp {
    display: inline-block;
    padding-left: 0;
    width: 100%;
  }
}

.comment-container .comment-reply-actions-container, .comment-caption-container .comment-reply-actions-container {
  display: flex;
  justify-content: space-between;
}

.comment-container .comment-reply-actions-container .quick-responses-container .quick-response, .comment-caption-container .comment-reply-actions-container .quick-responses-container .quick-response {
  font-size: 0.85em;
  margin: 0.5em;
  padding: 0.75em;
}

.comment-container .comment-reply-actions-container .comment-form-actions-container, .comment-caption-container .comment-reply-actions-container .comment-form-actions-container {
  min-width: 10em;
  text-align: right;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .comment-container .comment-reply-actions-container, .comment-caption-container .comment-reply-actions-container {
    flex-direction: column;
  }
  .comment-container .comment-reply-actions-container .quick-responses-container .quick-response, .comment-caption-container .comment-reply-actions-container .quick-responses-container .quick-response {
    font-size: 0.75em;
    white-space: normal;
  }
}

.comment-content {
  padding-left: 4em;
}

.comment-reply > .comment-container .comment-content, .comment-reply > .comment-caption-container .comment-content {
  padding-left: 4em;
}

.linked-comment {
  background-color: #d9f0fa;
  padding: 0.5em;
}

.comment-commenter {
  text-align: center;
  position: absolute;
}

.coment-commenter-title {
  display: inline-block;
  font-size: 0.9em;
  margin-left: 0;
  margin-bottom: -0.1em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  vertical-align: middle;
  color: #a09995;
  transition: background-color 0.2s;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .coment-commenter-title {
    padding: 0.125em 0 0 0.5em;
  }
}

.coment-commenter-title:after, .coment-commenter-title:before {
  display: none;
}

.coment-commenter-title i {
  margin-left: 0.5em;
  font-size: 0.875em;
  vertical-align: middle;
  top: -2px;
  position: relative;
}

.coment-commenter-title-flag {
  display: inline-block;
  -webkit-filter: grayscale(100%) brightness(1000%) brightness(70%);
          filter: grayscale(100%) brightness(1000%) brightness(70%);
  background: transparent url("/angular/src/images/bb-transparent.svg") 50% 50% no-repeat;
  width: 10px;
  height: 12px;
  margin-right: 0.5em;
  margin-bottom: -0.2em;
}

.comment-upvote {
  color: #a09995;
  text-align: center;
}

.comment-upvoted--upvoted .fa-heart,
.ggd--upvoted .fa-heart {
  color: red;
}

.comment-with-reply {
  min-height: 2.75em;
}

.comment-body p:last-child {
  margin-bottom: 0;
}

.comment-body img {
  display: block;
  margin: 1em 0;
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .comment-header a, .comment-header .read-more-button {
    display: inline-block;
    padding-bottom: 0.25em;
    width: 100%;
  }
}

.comment__list {
  margin-top: 1em;
}

.comment-body,
.comment-header {
  margin-bottom: 0.5em;
}

.comment-body button.has-voted,
.comment-header button.has-voted {
  color: #4c8226;
}

.comment-body .location,
.comment-header .location {
  color: #a09995;
  padding-left: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .comment-body .location,
  .comment-header .location {
    display: inline-block;
    padding-left: 0;
    width: 100%;
  }
}

.comment-body.comment-header--internal a strong, .comment-body.comment-header--internal .read-more-button strong, .comment-body.comment-header--internal a .link, .comment-body.comment-header--internal .read-more-button .link, .comment-body.comment-header--internal a a, .comment-body.comment-header--internal .read-more-button a, .comment-body.comment-header--internal a .read-more-button, .comment-body.comment-header--internal .read-more-button .read-more-button, .comment-body.comment-header--internal a .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-body.comment-header--internal a a, .comment-body.comment-header--internal .read-more-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-body.comment-header--internal .read-more-button a, .comment-body.comment-header--internal a .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-body.comment-header--internal a a, .comment-body.comment-header--internal .read-more-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-body.comment-header--internal .read-more-button a, .comment-body.comment-header--internal a .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .comment-body.comment-header--internal a a, .comment-body.comment-header--internal a .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .comment-body.comment-header--internal a a, .comment-body.comment-header--internal a .real-time-stream #story h5 a, .real-time-stream #story h5 .comment-body.comment-header--internal a a, .comment-body.comment-header--internal .read-more-button .real-time-stream #story h5 a, .real-time-stream #story h5 .comment-body.comment-header--internal .read-more-button a, .comment-body.comment-header--internal a #story .real-time-stream h5 a, #story .real-time-stream h5 .comment-body.comment-header--internal a a, .comment-body.comment-header--internal .read-more-button #story .real-time-stream h5 a, #story .real-time-stream h5 .comment-body.comment-header--internal .read-more-button a, .comment-body.comment-header--internal a .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-body.comment-header--internal a .read-more-button, .comment-body.comment-header--internal .read-more-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-body.comment-header--internal .read-more-button .read-more-button, .comment-body.comment-header--internal a .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-body.comment-header--internal a .read-more-button, .comment-body.comment-header--internal .read-more-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-body.comment-header--internal .read-more-button .read-more-button, .comment-body.comment-header--internal a .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .comment-body.comment-header--internal a .read-more-button, .comment-body.comment-header--internal .read-more-button .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .comment-body.comment-header--internal .read-more-button .read-more-button, .comment-body.comment-header--internal a #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .comment-body.comment-header--internal a .read-more-button, .comment-body.comment-header--internal .read-more-button #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .comment-body.comment-header--internal .read-more-button .read-more-button, .comment-body.comment-header--internal a .main-nav__cart .menu-button, .main-nav__cart .comment-body.comment-header--internal a .menu-button, .comment-body.comment-header--internal .read-more-button .main-nav__cart .menu-button, .main-nav__cart .comment-body.comment-header--internal .read-more-button .menu-button, .comment-body.comment-header--internal a .input-feedback, .comment-body.comment-header--internal .read-more-button .input-feedback,
.comment-body.comment-header--internal a .icon-list--colored button, .icon-list--colored .comment-body.comment-header--internal a button,
.comment-body.comment-header--internal .read-more-button .icon-list--colored button, .icon-list--colored .comment-body.comment-header--internal .read-more-button button, .comment-body.comment-header--internal a .site-footer li, .site-footer .comment-body.comment-header--internal a li, .comment-body.comment-header--internal .read-more-button .site-footer li, .site-footer .comment-body.comment-header--internal .read-more-button li, .comment-body.comment-header--internal a .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .comment-body.comment-header--internal a button, .comment-body.comment-header--internal .read-more-button .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .comment-body.comment-header--internal .read-more-button button,
.comment-body.comment-header--internal .coment-commenter-title,
.comment-header.comment-header--internal a strong,
.comment-header.comment-header--internal .read-more-button strong,
.comment-header.comment-header--internal a .link,
.comment-header.comment-header--internal .read-more-button .link,
.comment-header.comment-header--internal a a,
.comment-header.comment-header--internal .read-more-button a,
.comment-header.comment-header--internal a .read-more-button,
.comment-header.comment-header--internal .read-more-button .read-more-button,
.comment-header.comment-header--internal a .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal .read-more-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-header.comment-header--internal .read-more-button a,
.comment-header.comment-header--internal a .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal .read-more-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-header.comment-header--internal .read-more-button a,
.comment-header.comment-header--internal a .real-time-stream .product-card .product-card--design-idea .product-card-name a,
.real-time-stream .product-card .product-card--design-idea .product-card-name .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal a .product-card .product-card--design-idea .real-time-stream .product-card-name a,
.product-card .product-card--design-idea .real-time-stream .product-card-name .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal a .real-time-stream #story h5 a,
.real-time-stream #story h5 .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal .read-more-button .real-time-stream #story h5 a,
.real-time-stream #story h5 .comment-header.comment-header--internal .read-more-button a,
.comment-header.comment-header--internal a #story .real-time-stream h5 a,
#story .real-time-stream h5 .comment-header.comment-header--internal a a,
.comment-header.comment-header--internal .read-more-button #story .real-time-stream h5 a,
#story .real-time-stream h5 .comment-header.comment-header--internal .read-more-button a,
.comment-header.comment-header--internal a .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-header.comment-header--internal a .read-more-button,
.comment-header.comment-header--internal .read-more-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .comment-header.comment-header--internal .read-more-button .read-more-button,
.comment-header.comment-header--internal a .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-header.comment-header--internal a .read-more-button,
.comment-header.comment-header--internal .read-more-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .comment-header.comment-header--internal .read-more-button .read-more-button,
.comment-header.comment-header--internal a .real-time-stream #story h5 .read-more-button,
.real-time-stream #story h5 .comment-header.comment-header--internal a .read-more-button,
.comment-header.comment-header--internal .read-more-button .real-time-stream #story h5 .read-more-button,
.real-time-stream #story h5 .comment-header.comment-header--internal .read-more-button .read-more-button,
.comment-header.comment-header--internal a #story .real-time-stream h5 .read-more-button,
#story .real-time-stream h5 .comment-header.comment-header--internal a .read-more-button,
.comment-header.comment-header--internal .read-more-button #story .real-time-stream h5 .read-more-button,
#story .real-time-stream h5 .comment-header.comment-header--internal .read-more-button .read-more-button,
.comment-header.comment-header--internal a .main-nav__cart .menu-button,
.main-nav__cart .comment-header.comment-header--internal a .menu-button,
.comment-header.comment-header--internal .read-more-button .main-nav__cart .menu-button,
.main-nav__cart .comment-header.comment-header--internal .read-more-button .menu-button,
.comment-header.comment-header--internal a .input-feedback,
.comment-header.comment-header--internal .read-more-button .input-feedback,
.comment-header.comment-header--internal a .icon-list--colored button,
.icon-list--colored .comment-header.comment-header--internal a button,
.comment-header.comment-header--internal .read-more-button .icon-list--colored button,
.icon-list--colored .comment-header.comment-header--internal .read-more-button button,
.comment-header.comment-header--internal a .site-footer li,
.site-footer .comment-header.comment-header--internal a li,
.comment-header.comment-header--internal .read-more-button .site-footer li,
.site-footer .comment-header.comment-header--internal .read-more-button li,
.comment-header.comment-header--internal a .product-sidebar .product-questions-link button,
.product-sidebar .product-questions-link .comment-header.comment-header--internal a button,
.comment-header.comment-header--internal .read-more-button .product-sidebar .product-questions-link button,
.product-sidebar .product-questions-link .comment-header.comment-header--internal .read-more-button button,
.comment-header.comment-header--internal .coment-commenter-title {
  color: #4c8226;
  font-weight: bold;
}

.comment-body a, .comment-body .read-more-button {
  text-decoration: underline;
}

.comment.review .h4, .comment.review #story h4, #story .comment.review h4, .comment.review .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .comment.review p, .comment.review .project-card .h3, .project-card .comment.review .h3, .comment.review .project-card #story h3, .project-card #story .comment.review h3, .comment.review #story .project-card h3, #story .project-card .comment.review h3, .comment.review .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .comment.review .out-of-stock__modal--label, .comment.review .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .comment.review .out-of-stock__modal--label {
  margin: 0.25em 0;
}

.comment.review + .comment.review {
  margin-top: 2em;
}

.review-actions {
  border-top: 1px solid #e8e7e6;
  padding: 1em 0 0.5em;
  margin-top: 1em;
  color: #a09995;
  display: flex;
  justify-content: space-between;
}

.review-actions .has-voted {
  color: #4c8226;
}

.review-actions--right button {
  margin-left: 0.5em;
}

.review-rating-summary .rating-star {
  cursor: default;
}

.review-create .review-rating {
  margin-bottom: 1em;
}

.review-rating--create .rating-star {
  font-size: 2em;
}

.comment-reply {
  padding-top: 1.5em;
}

.comment-content-replies .comment-content-replies {
  margin-left: -4em;
}

.comment-content-replies .comment-content-replies form {
  width: 100%;
}

.comment-edit-form {
  width: 100%;
}

.reply-form {
  width: 100%;
}

.comment-actions {
  color: #a09995;
  min-height: 1.5em;
}

.comment-actions a, .comment-actions .read-more-button,
.comment-actions button {
  font-size: 0.875em;
}

.comment-load-more,
.comments-load-more {
  margin-top: 2em;
}

@media screen and (min-width: 0px) {
  .comment-load-more,
  .comments-load-more {
    width: 100%;
  }
}

#comments .alert--success, #comments .notification--success {
  display: none;
}

.post-vote-comments #comments .alert--success, .post-vote-comments #comments .notification--success {
  display: inline-block;
}

#comments .alert--success h3, #comments .notification--success h3 {
  display: none;
}

.comment-caption-container {
  padding: 1.5em 0 1em;
}

.mce-tinymce {
  min-width: 100%;
}

._exradicated-tooltip {
  display: block;
  opacity: 1;
  position: absolute;
  z-index: 999;
}

tooltip {
  font-size: 16px;
  cursor: default;
  display: inline-block;
  position: relative;
}

@-webkit-keyframes animate-tooltip {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.9;
  }
  90% {
    opacity: 1;
  }
}

@keyframes animate-tooltip {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.9;
  }
  90% {
    opacity: 1;
  }
}

tooltip._multiline {
  display: block;
}

tooltip._slow._ready tip {
  -webkit-animation: animate-tooltip 0.65s;
          animation: animate-tooltip 0.65s;
}

tooltip._fast._ready tip {
  -webkit-animation: animate-tooltip 0.15s;
          animation: animate-tooltip 0.15s;
}

tooltip._steady._ready tip {
  -webkit-animation: animate-tooltip 0.35s;
          animation: animate-tooltip 0.35s;
}

tooltip tip {
  border-radius: 3px;
  background: rgba(100, 97, 93, 0.85);
  color: #fff;
  display: none;
  line-height: normal;
  max-width: 500px;
  min-width: 100px;
  opacity: 0;
  padding: 8px 16px;
  position: absolute;
  text-align: center;
  width: auto;
  will-change: top, left, bottom, right;
}

tooltip tip._hidden {
  display: block;
  visibility: hidden;
}

tooltip.active:not(._force-hidden) tip {
  display: block;
  opacity: 1;
  z-index: 999;
}

tooltip tip-tip {
  font-size: 0.95em;
}

tooltip tip-tip._large {
  font-size: 1.1em;
}

tooltip tip-tip._small {
  font-size: 0.8em;
}

tooltip._top tip {
  left: 50%;
  top: -9px;
  transform: translateX(-50%) translateY(-100%);
}

tooltip._top tip tip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(100, 97, 93, 0.85);
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: 100%;
  width: 0;
}

tooltip._bottom tip {
  right: 50%;
  top: 100%;
  transform: translateX(50%) translateY(9px);
}

tooltip._bottom tip tip-arrow {
  border-bottom: 6px solid rgba(100, 97, 93, 0.85);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: 100%;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 0;
}

tooltip._right tip {
  left: 100%;
  top: 50%;
  transform: translateX(9px) translateY(-50%);
}

tooltip._right tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-right: 6px solid rgba(100, 97, 93, 0.85);
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  margin-top: -6px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
}

tooltip._left tip {
  left: -9px;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}

tooltip._left tip tip-arrow {
  border-bottom: 6px solid transparent;
  border-left: 6px solid rgba(100, 97, 93, 0.85);
  border-top: 6px solid transparent;
  content: '';
  height: 0;
  left: 100%;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0;
}

tip-tip #close-button {
  cursor: pointer;
  float: right;
  left: 8%;
  margin-top: -7%;
  padding: 3px;
  position: relative;
}

.tooltip--medium {
  width: 240px;
  padding: 1em;
}

.tooltip--medium :last-child {
  margin-bottom: 0;
}

.tooltip--large {
  width: 320px;
  padding: 1em;
}

.tooltip--large :last-child {
  margin-bottom: 0;
}

.poll__question .h3, .poll__question #story h3, #story .poll__question h3, .poll__question .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .poll__question .out-of-stock__modal--label {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.poll__question p {
  color: #a09995;
  margin-bottom: 1em;
}

.poll__answers .poll__answer {
  transition: all 0.2s;
}

.poll__answers .poll__answer.ng-click-active {
  transform: scale(0.99);
}

.poll__answers .grid .poll__answer {
  border-radius: 5px;
  border-bottom: 2px solid #e8e7e6;
  text-align: center;
  overflow: hidden;
}

.poll__answers .grid .poll__answer .poll__answer--content {
  position: relative;
}

.poll__answers .grid .poll__answer .poll__answer--content i {
  background-color: #4c8226;
  font-size: 1.5em;
  position: absolute;
  border-radius: 50px;
  padding: 0.5em;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.poll__answers .grid .poll__answer .poll__answer--content.color {
  padding-bottom: 100%;
}

.poll__answers .grid .poll__answer .poll__answer--details {
  padding: 1em;
}

.poll__answers .grid .poll__answer .poll__answer--details .results {
  color: #a09995;
  font-size: 0.9em;
}

.poll__answers .grid .poll__answer .poll__answer--details .h5, .poll__answers .grid .poll__answer .poll__answer--details .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .poll__answers .grid .poll__answer .poll__answer--details .product-name--two-lines, .poll__answers .grid .poll__answer .poll__answer--details .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .poll__answers .grid .poll__answer .poll__answer--details .product-card-name, .poll__answers .grid .poll__answer .poll__answer--details #story h5, #story .poll__answers .grid .poll__answer .poll__answer--details h5, .poll__answers .grid .poll__answer .poll__answer--details .filters .section-header, .filters .poll__answers .grid .poll__answer .poll__answer--details .section-header,
.poll__answers .grid .poll__answer .poll__answer--details .sorters .section-header, .sorters .poll__answers .grid .poll__answer .poll__answer--details .section-header, .poll__answers .grid .poll__answer .poll__answer--details .chat-notification__title {
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .poll__answers .grid .poll__answer {
    max-width: 48%;
    flex-basis: 48%;
    flex-grow: 1;
  }
}

@media screen and (min-width: 64.0625em) {
  .poll__answers .grid .poll__answer:hover {
    transform: scale(1.01);
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .poll__answers .grid {
    justify-content: space-between;
  }
}

.poll__answers .list .poll__answer {
  text-align: left;
  margin-bottom: 1.25em;
  white-space: normal !important;
}

.poll__answers .list .poll__answer + .poll__answer {
  margin-top: 1em;
}

.poll__answers .list .poll__answer:hover, .poll__answers .list .poll__answer:focus {
  background-color: transparent;
}

.poll__answers .list .poll__answer .results {
  color: #a09995;
  float: right;
}

.poll__answers .list .poll__answer.selection {
  background-color: #7cc945;
  border-color: #7cc945;
  color: #fff;
}

.poll__answers .list .poll__answer.selection .results {
  color: #fff;
}

.poll__answers .list .poll__answer.selection:hover {
  opacity: 1;
  background-color: #7cc945;
  border-color: #7cc945;
}

.poll .poll__status {
  text-align: center;
  color: #ec230c;
  padding-top: 1em;
}

.poll.closed .poll__answer {
  pointer-events: none;
  opacity: 0.6;
}

.poll.closed .poll__answer.selection {
  opacity: 1;
}

.poll.closed .grid .poll__answer:hover {
  transform: none;
}

.poll.closed .list .poll__answer {
  transform: none;
}

.poll.closed .list .answer__meta-data hr.small {
  width: 1em;
  margin: 1em auto;
  font-size: 1em;
  display: block;
  opacity: 1;
  -webkit-animation: reveal 300ms normal ease;
          animation: reveal 300ms normal ease;
}

.poll.closed .list .answer__meta-data h6 {
  opacity: 1;
}

.poll.closed .list .answer__meta-data button {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .poll .poll__submit {
    width: 100%;
  }
}

.new-update__form .poll__question .ng-pristine,
.new-update__form .poll__answers .ng-pristine {
  color: #4c8226;
  position: relative;
}

.new-update__form .poll__question .ng-pristine:after,
.new-update__form .poll__answers .ng-pristine:after {
  position: absolute;
  content: 'Click to edit';
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}

.new-update__form .poll__question .ng-pristine:focus:after,
.new-update__form .poll__answers .ng-pristine:focus:after {
  display: none;
}

.poll .poll__answer--details .ng-pristine:after {
  width: 100%;
  top: 2em;
  right: 0;
  text-align: center;
}

.poll .poll__answer--close {
  position: absolute;
  top: 0.125em;
  right: 0.2em;
  opacity: 0;
  color: white;
  font-size: 1.75em;
  text-shadow: 0 0 3px #000;
}

.poll .poll__answer:hover .poll__answer--close {
  opacity: 1;
}

.poll .poll__answer--content {
  overflow: hidden;
}

.poll .poll__answer--content .file-uploader-group,
.poll .poll__answer--content .upload-file__drop-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}

.poll .color-picker {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  outline: 0;
}

.poll .color-picker.ng-pristine {
  opacity: 1;
  position: absolute;
}

.poll .color-picker.ng-pristine:after {
  content: 'Click to pick';
  position: absolute;
  bottom: 1em;
  left: 0;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  color: white;
  font-size: 1.75em;
  text-shadow: 0 0 3px #000;
}

.poll .poll-button--edit {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}

.poll .poll-button--edit .button-edit {
  transition: all 0.2s;
  opacity: 0;
  pointer-events: none;
}

.poll .ng-dirty .button-edit {
  opacity: 1;
  pointer-events: auto;
}

.new-update__form.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.poll--radios .poll--radio-option {
  display: inline-block;
  padding-left: 1.5em;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}

.poll--radios .poll--radio-option input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.optional-poll {
  margin-top: 0.809em;
  margin-bottom: 1.618em;
}

.optional-poll .button, .optional-poll .poll__answers .list .poll__answer, .poll__answers .list .optional-poll .poll__answer {
  margin-right: 0.3em;
}

.poll-preview .billboard {
  margin-top: 1.5em;
}

.survey .survey-poll {
  margin-bottom: 5em;
}

@-webkit-keyframes reveal {
  0% {
    width: 0em;
    margin: 0 auto;
    display: block;
    opacity: 0;
  }
  100% {
    width: 1em;
    margin: 1em auto;
    font-size: 1em;
  }
}

@keyframes reveal {
  0% {
    width: 0em;
    margin: 0 auto;
    display: block;
    opacity: 0;
  }
  100% {
    width: 1em;
    margin: 1em auto;
    font-size: 1em;
  }
}

.poll-drawer.drawer--offscreen {
  opacity: 0;
}

.poll-drawer.drawer--offscreen.is-visible {
  opacity: 1;
}

.poll-drawer.drawer--offscreen .poll-drawer-container {
  background-color: #fff;
  height: 100%;
  padding: 3em 1em 130px 1em;
  overflow-x: hidden;
  position: relative;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll-button--edit {
  display: none;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll-drawer__header {
  position: fixed;
  z-index: 51;
  left: 0;
  right: 0;
  top: 0;
  padding: 0.75rem;
  background-color: #fff;
  display: flex;
  height: 3.75rem;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll-drawer__header .close-button {
  margin-right: 1rem;
  z-index: 10000;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll-drawer__header .poll-help {
  margin: 0;
  padding-top: 0.75rem;
  color: #ec230c;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .h5, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .product-name--two-lines, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .product-card-name, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer #story h5, #story .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer h5, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .filters .section-header, .filters .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .section-header,
.poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .sorters .section-header, .sorters .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .section-header, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__answers .grid .poll__answer .chat-notification__title {
  font-size: 1rem;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .h3, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question #story h3, #story .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question h3, .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .poll-drawer.drawer--offscreen .poll-drawer-container .poll__question .out-of-stock__modal--label {
  margin-top: 1em;
  line-height: 1.25;
  color: #333;
}

.poll-drawer.drawer--offscreen .poll-drawer-container .poll.voted .poll_submit-container {
  -webkit-animation-name: bounce;
          animation-name: bounce;
}

.poll-drawer.drawer--offscreen .poll-drawer-container.button-shake .poll.voted .poll_submit-container {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}

.poll-drawer.drawer--offscreen .poll_submit-container {
  z-index: 10000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 3rem;
  right: 0;
  padding: 1em;
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
}

.poll-drawer.drawer--offscreen .poll_submit-container button {
  width: 100%;
}

.poll-drawer__loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@-webkit-keyframes shake {
  0% {
    opacity: 1;
  }
  10%,
  90% {
    transform: translate3d(-1px, 0, 0) rotate(0deg);
    opacity: 1;
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0) rotate(0.5deg);
    opacity: 1;
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0) rotate(0deg);
    opacity: 1;
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0) rotate(-0.5deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 1;
  }
}

@keyframes shake {
  0% {
    opacity: 1;
  }
  10%,
  90% {
    transform: translate3d(-1px, 0, 0) rotate(0deg);
    opacity: 1;
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0) rotate(0.5deg);
    opacity: 1;
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0) rotate(0deg);
    opacity: 1;
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0) rotate(-0.5deg);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 1;
  }
}

@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
    opacity: 0;
  }
  50% {
    transform: scale(1, 1) translateY(-16px);
    opacity: 0.75;
  }
  100% {
    transform: scale(1, 1) translateY(0);
    opacity: 1;
  }
}

.promo {
  background-color: #ddff3c;
  color: #545454;
  text-align: center;
  position: relative;
  text-transform: uppercase;
}

.promo .promo__main-text {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  display: block;
}

@media screen and (min-width: 768px) {
  .promo .promo__main-text {
    display: inline;
    font-size: 1.25em;
  }
}

.promo .promo__sub-text {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.promo--card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 18.75em;
  border: 1px solid #cdf900;
}

.promo--card i {
  font-size: 1.8em;
}

@media screen and (min-width: 768px) {
  .promo--card {
    height: 40.625em;
  }
  .promo--card i {
    font-size: 3em;
  }
}

.category .promo--card {
  height: 35em;
  background-size: cover;
  background-position: center;
  border: none;
}

.category .promo--card .promo--card__header {
  font-family: georgia;
  font-weight: 700;
  font-size: 2.75em;
  line-height: 1.2;
}

.category .promo--card .promo--card__body {
  font-size: 1.5em;
}

@media screen and (min-width: 768px) {
  .category .promo--card {
    height: 45em;
  }
  .category .promo--card:hover {
    background-size: 101%;
  }
}

.promo--footer {
  padding: 0.5em;
}

@media screen and (min-width: 768px) {
  .promo--footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.gift-certificate {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.gift-certificate::after {
  clear: both;
  content: '';
  display: table;
}

.gift-certificate .gift-certificate-form {
  background-color: #fff;
}

@media screen and (min-width: 64.0625em) {
  .gift-certificate .gift-certificate-form {
    display: flex;
    width: 100%;
  }
}

.gift-certificate .gift-certificate-theme {
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 22vh;
  overflow: hidden;
  background-image: url(/angular/src/images/patterns/ignasi_pattern_s.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  justify-content: center;
}

.gift-certificate .gift-certificate-theme .gift-certificate-card {
  transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  width: 40%;
}

@media screen and (min-width: 768px) {
  .gift-certificate .gift-certificate-theme {
    height: 30vh;
  }
}

@media screen and (min-width: 64.0625em) {
  .gift-certificate .gift-certificate-theme {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 66.12755%;
    display: flex;
    height: auto;
    font-size: 1rem;
  }
  .gift-certificate .gift-certificate-theme:last-child {
    margin-right: 0;
  }
}

.gift-certificate .gift-certificate-theme.selected-dollar_value-0 .gift-certificate-card {
  width: 35%;
}

.gift-certificate .gift-certificate-theme.selected-dollar_value-1 .gift-certificate-card {
  width: 40%;
}

.gift-certificate .gift-certificate-theme.selected-dollar_value-2 .gift-certificate-card {
  width: 45%;
}

.gift-certificate .gift-certificate-theme.selected-dollar_value-3 .gift-certificate-card {
  width: 50%;
}

.gift-certificate .gift-certificate-options {
  display: flex;
  text-align: center;
  padding: 1em;
}

.gift-certificate .gift-certificate-options .options--inner .attributes {
  padding-bottom: 1em;
}

.gift-certificate .gift-certificate-options .options--inner .attributes .attribute {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 23.78699%;
  padding: 1em 0;
}

.gift-certificate .gift-certificate-options .options--inner .attributes .attribute:last-child {
  margin-right: 0;
}

.gift-certificate .gift-certificate-options .options--inner form {
  margin-bottom: 1em;
}

.gift-certificate .gift-certificate-options .options--inner form .field-container {
  margin-bottom: 0.5em;
}

.gift-certificate .gift-certificate-options .options--inner form button {
  margin-bottom: 0.5em;
}

.gift-certificate .gift-certificate-options .options--inner form button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media screen and (min-width: 768px) {
  .gift-certificate .gift-certificate-options {
    justify-content: center;
    align-items: center;
  }
  .gift-certificate .gift-certificate-options .options--inner {
    max-width: 40em;
  }
}

@media screen and (min-width: 64.0625em) {
  .gift-certificate .gift-certificate-options {
    flex-direction: column;
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
    padding-left: 0;
  }
  .gift-certificate .gift-certificate-options:last-child {
    margin-right: 0;
  }
}

.accordion__item .accordion-item__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0;
}

.accordion__item .accordion-item__header .item-header__icon {
  margin-left: auto;
  transition: transform 200ms ease;
  line-height: 1.5em;
}

.accordion__item .accordion-item__content {
  margin-top: 1em;
  overflow: hidden;
  transition-property: height, margin, opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.22, 0.87, 0.7, 1.29);
}

.accordion__item + .accordion__item {
  border-top: 1px solid #e8e7e6;
}

.accordion__item.isCollapsed .accordion-item__content {
  opacity: 0;
  margin-top: 0;
  height: 0;
}

.accordion__item.isExpanded .item-header__icon {
  transform: rotate(180deg);
}

.accordion.accordion--white {
  background-color: white;
}

.accordion.accordion--white .accordion__item.isCollapsed:hover {
  background-color: #fcfbfb;
}

.accordion .accordion__item--review-stars .accordion-item__header review-rating-summary {
  margin-left: auto;
}

.accordion .accordion__item--review-stars .accordion-item__header .item-header__icon {
  margin-left: 1em;
}

.carousel {
  position: relative;
}

.carousel .carousel-slide {
  max-width: 100%;
  height: 100%;
}

.carousel .carousel-slide video {
  max-width: 100%;
}

.has-cart .cart--offscreen {
  transform: translateX(-100%);
}

.has-drawer .drawer--offscreen {
  transform: translateX(-100%);
}

.cart--offscreen,
.drawer--offscreen {
  position: fixed;
  z-index: 50;
  background-color: #edeceb;
  left: 100%;
  width: 100%;
  overflow: auto;
  transition: transform 0.25s;
}

@media screen and (min-width: 0px) {
  .cart--offscreen,
  .drawer--offscreen {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) {
  .cart--offscreen,
  .drawer--offscreen {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) {
  .cart--offscreen,
  .drawer--offscreen {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    top: 8.6875em;
  }
}

@media screen and (min-width: 0px) {
  .cart--offscreen,
  .drawer--offscreen {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) {
  .cart--offscreen,
  .drawer--offscreen {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) {
  .cart--offscreen,
  .drawer--offscreen {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .cart--offscreen, .is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .cart--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden
  .drawer--offscreen,
  .is-skinny-nav-hidden.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .cart--offscreen, .two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .cart--offscreen, .two-line-skinny-nav.is-bouncex-nanobar-present
  .drawer--offscreen {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .cart--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .cart--offscreen, .is-skinny-nav-hidden.is-bouncex-nanobar-present
  .drawer--offscreen,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav
  .drawer--offscreen {
    height: calc( 100vh - 8.6875em);
  }
}

.in-checkout .cart--offscreen, .in-checkout
.drawer--offscreen {
  transform: translateX(100%);
}

@media screen and (min-width: 768px) {
  .cart--offscreen,
  .drawer--offscreen {
    max-width: 31.25em;
  }
}

.cart--offscreen .h3, .cart--offscreen #story h3, #story .cart--offscreen h3, .cart--offscreen .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .cart--offscreen .out-of-stock__modal--label,
.drawer--offscreen .h3,
.drawer--offscreen #story h3,
#story .drawer--offscreen h3,
.drawer--offscreen .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .drawer--offscreen .out-of-stock__modal--label {
  color: #a09995;
}

.cart--offscreen::-webkit-scrollbar,
.drawer--offscreen::-webkit-scrollbar {
  width: 9px;
}

.cart--offscreen::-webkit-scrollbar-track,
.drawer--offscreen::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.cart--offscreen::-webkit-scrollbar-thumb,
.drawer--offscreen::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.cart--offscreen::-webkit-scrollbar-thumb:hover,
.drawer--offscreen::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.cart--offscreen::-webkit-scrollbar-thumb:window-inactive,
.drawer--offscreen::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.05);
}

.cart-container,
.poll-drawer-container {
  position: relative;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .cart-container,
  .poll-drawer-container {
    border-left: 1px solid #dcdad8;
  }
}

.cart-container .cart--overlay,
.poll-drawer-container .cart--overlay {
  position: fixed;
  z-index: 200;
  background-color: #68615d;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

.cart-container .cart--overlay.ng-hide,
.poll-drawer-container .cart--overlay.ng-hide {
  opacity: 0;
}

.cart__nav {
  width: 100%;
  z-index: 100;
  transform: translateZ(1px);
}

.cart__nav .tabbed-nav {
  border-bottom: 1px solid #dcdad8;
  text-align: center;
  margin-bottom: 0;
  background-color: #fff;
}

.cart-merged-alert {
  padding-right: 2em;
  font-size: 0.8em;
  text-align: center;
}

.cart-inner--cart {
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 1em 1em 10em;
}

.loading-cart {
  color: #68615d;
  padding: 1.5em;
  text-align: center;
}

.loading-cart i {
  margin-right: 0.5em;
}

.cart--isEmpty {
  text-align: center;
  color: #68615d;
}

.cart--isEmpty .h1, .cart--isEmpty .video-page h1, .video-page .cart--isEmpty h1, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .content__headline, .cart--isEmpty .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .cart--isEmpty .product-name {
  margin-bottom: 0;
}

.cart--isEmpty .h1.h5, .cart--isEmpty .product-card .default-product-card-details .product-card-name.no-name-fragments .h1.product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .cart--isEmpty .h1.product-name--two-lines, .cart--isEmpty .product-card .default-product-card-details .product-card-name.no-name-fragments .video-page h1.product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .video-page .cart--isEmpty h1.product-name--two-lines, .cart--isEmpty .video-page .product-card .default-product-card-details .product-card-name.no-name-fragments h1.product-name--two-lines, .video-page .product-card .default-product-card-details .product-card-name.no-name-fragments .cart--isEmpty h1.product-name--two-lines, .cart--isEmpty .product-card .default-product-card-details .product-card-name.no-name-fragments .home-feature.home-feature--on-image .home-feature__content .product-name--two-lines.content__headline, .product-card .default-product-card-details .product-card-name.no-name-fragments .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .product-name--two-lines.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines.content__headline, .home-feature.home-feature--on-image .home-feature__content .product-card .default-product-card-details .product-card-name.no-name-fragments .cart--isEmpty .product-name--two-lines.content__headline, .cart--isEmpty .product-card .default-product-card-details .product-card-name.no-name-fragments .lp--1 .lp--1__main .product-name--two-lines.product-name, .product-card .default-product-card-details .product-card-name.no-name-fragments .lp--1 .lp--1__main .cart--isEmpty .product-name--two-lines.product-name, .cart--isEmpty .lp--1 .lp--1__main .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines.product-name, .lp--1 .lp--1__main .product-card .default-product-card-details .product-card-name.no-name-fragments .cart--isEmpty .product-name--two-lines.product-name, .cart--isEmpty .product-card .product-card--design-idea .h1.product-card-name, .product-card .product-card--design-idea .cart--isEmpty .h1.product-card-name, .cart--isEmpty .product-card .product-card--design-idea .video-page h1.product-card-name, .product-card .product-card--design-idea .video-page .cart--isEmpty h1.product-card-name, .cart--isEmpty .video-page .product-card .product-card--design-idea h1.product-card-name, .video-page .product-card .product-card--design-idea .cart--isEmpty h1.product-card-name, .cart--isEmpty .product-card .product-card--design-idea .home-feature.home-feature--on-image .home-feature__content .product-card-name.content__headline, .product-card .product-card--design-idea .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .product-card-name.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .product-card .product-card--design-idea .product-card-name.content__headline, .home-feature.home-feature--on-image .home-feature__content .product-card .product-card--design-idea .cart--isEmpty .product-card-name.content__headline, .cart--isEmpty .product-card .product-card--design-idea .lp--1 .lp--1__main .product-card-name.product-name, .product-card .product-card--design-idea .lp--1 .lp--1__main .cart--isEmpty .product-card-name.product-name, .cart--isEmpty .lp--1 .lp--1__main .product-card .product-card--design-idea .product-card-name.product-name, .lp--1 .lp--1__main .product-card .product-card--design-idea .cart--isEmpty .product-card-name.product-name, .cart--isEmpty #story h5.h1, #story .cart--isEmpty h5.h1, .cart--isEmpty #story .home-feature.home-feature--on-image .home-feature__content h5.content__headline, #story .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty h5.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content #story h5.content__headline, .home-feature.home-feature--on-image .home-feature__content #story .cart--isEmpty h5.content__headline, .cart--isEmpty #story .lp--1 .lp--1__main h5.product-name, #story .lp--1 .lp--1__main .cart--isEmpty h5.product-name, .cart--isEmpty .lp--1 .lp--1__main #story h5.product-name, .lp--1 .lp--1__main #story .cart--isEmpty h5.product-name, .cart--isEmpty .video-page h1.h5, .video-page .cart--isEmpty h1.h5, .cart--isEmpty .video-page .filters h1.section-header, .video-page .filters .cart--isEmpty h1.section-header, .cart--isEmpty .filters .video-page h1.section-header, .filters .video-page .cart--isEmpty h1.section-header,
.cart--isEmpty .video-page .sorters h1.section-header, .video-page .sorters .cart--isEmpty h1.section-header, .cart--isEmpty .sorters .video-page h1.section-header, .sorters .video-page .cart--isEmpty h1.section-header, .cart--isEmpty .video-page h1.chat-notification__title, .video-page .cart--isEmpty h1.chat-notification__title, .cart--isEmpty .filters .h1.section-header, .filters .cart--isEmpty .h1.section-header, .cart--isEmpty .filters .home-feature.home-feature--on-image .home-feature__content .section-header.content__headline, .filters .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .section-header.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .filters .section-header.content__headline, .home-feature.home-feature--on-image .home-feature__content .filters .cart--isEmpty .section-header.content__headline, .cart--isEmpty .filters .lp--1 .lp--1__main .section-header.product-name, .filters .lp--1 .lp--1__main .cart--isEmpty .section-header.product-name, .cart--isEmpty .lp--1 .lp--1__main .filters .section-header.product-name, .lp--1 .lp--1__main .filters .cart--isEmpty .section-header.product-name,
.cart--isEmpty .sorters .h1.section-header, .sorters .cart--isEmpty .h1.section-header, .cart--isEmpty .sorters .home-feature.home-feature--on-image .home-feature__content .section-header.content__headline, .sorters .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .section-header.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .sorters .section-header.content__headline, .home-feature.home-feature--on-image .home-feature__content .sorters .cart--isEmpty .section-header.content__headline, .cart--isEmpty .sorters .lp--1 .lp--1__main .section-header.product-name, .sorters .lp--1 .lp--1__main .cart--isEmpty .section-header.product-name, .cart--isEmpty .lp--1 .lp--1__main .sorters .section-header.product-name, .lp--1 .lp--1__main .sorters .cart--isEmpty .section-header.product-name, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .h5.content__headline, .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .h5.content__headline, .cart--isEmpty .home-feature.home-feature--on-image .home-feature__content .content__headline.chat-notification__title, .home-feature.home-feature--on-image .home-feature__content .cart--isEmpty .content__headline.chat-notification__title, .cart--isEmpty .h1.chat-notification__title, .cart--isEmpty .lp--1 .lp--1__main .chat-notification__title.product-name, .lp--1 .lp--1__main .cart--isEmpty .chat-notification__title.product-name, .cart--isEmpty .lp--1 .lp--1__main .h5.product-name, .lp--1 .lp--1__main .cart--isEmpty .h5.product-name {
  white-space: nowrap;
  margin-bottom: 1em;
}

.cart-products {
  margin-bottom: 1em;
}

.cart-products::-webkit-scrollbar {
  width: 9px;
}

.cart-products::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.cart-products::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.cart-products::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.cart-products::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.05);
}

.cart-products__out-of-stock {
  margin-bottom: 1.5em;
}

.cart-products__out-of-stock .h6, .cart-products__out-of-stock .product-card .product-price, .product-card .cart-products__out-of-stock .product-price {
  margin-bottom: 0.25em;
}

.cart-products__out-of-stock a, .cart-products__out-of-stock .read-more-button {
  display: block;
  font-size: 0.75em;
  line-height: 1.8;
}

.cart-product .cart-product__row {
  display: flex;
}

.cart-product + .cart-product {
  border-top: 1px solid #dcdad8;
  margin-top: 1em;
  padding-top: 1em;
}

.cart-product input[type='number'] {
  width: 3em;
  text-align: center;
}

.cart-product.new-cart-product {
  border-top: none !important;
  position: relative;
  max-width: 100%;
}

.cart-product.new-cart-product .cart-product__shipping {
  margin-top: 0.5em;
}

.cart-product.new-cart-product .cart-product__name {
  display: inline-block;
  margin-bottom: 0;
  max-width: 50%;
}

.cart-product.new-cart-product .cart-product__name.wider {
  max-width: 100%;
}

.cart-product.new-cart-product .cart-product__options {
  margin-left: 0;
}

.shipping-item + .shipping-item {
  border-top: 1px solid #dcdad8;
}

.cart-product__image {
  width: 100px;
  flex-shrink: 0;
  margin-right: 0.5em;
}

@media screen and (min-width: 768px) {
  .cart-product__image {
    width: 100px;
    margin-right: 1em;
  }
}

.cart-product__details {
  margin-top: -1px;
  margin-right: auto;
  text-align: left;
}

.cart-product__details h6 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .cart-product__details {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.cart-product__name {
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .cart-product__name {
    margin-bottom: 0;
  }
}

.cart-product__remove {
  display: inline-block;
  cursor: pointer;
}

.cart-remove_or_save {
  font-size: 0.95em;
  padding-top: 0.5em;
  display: inline-block;
  float: right;
}

.cart-product__flag {
  text-align: center;
  color: #fff;
  font-size: 0.8125em;
  display: block;
  padding: 0.25em 0;
}

.cart-product__flag.cart-product__flag--preorder {
  background-color: #ff6e00;
}

.cart-product__flag.cart-product__flag--crowdfunding {
  background-color: #27a8e0;
}

.cart-product__flag.cart-product__flag--merged {
  background-color: #ffc83f;
  display: inline-block;
  color: currentColor;
  padding: 0 0.25em;
}

.cart-product__actions {
  display: flex;
  align-items: center;
  color: #807873;
  margin-top: 0.375em;
}

.cart-product__options {
  font-size: 0.95em;
  margin-left: 0.8em;
}

.cart-product__gift-certificate-metadata p {
  font-size: 0.95em;
  margin: 0;
}

.cart-product__gift-certificate-metadata p:first-child {
  margin-top: 0.5em;
}

.cart-product__shipping {
  font-size: 0.83125em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.cart-product__shipping.cart-product__shipping--preorder {
  color: #ff6e00;
}

.cart-product__shipping.cart-product__shipping--crowdfunding {
  color: #27a8e0;
}

.cart-quant-btn {
  display: inline-block;
  font-size: 0.8em;
  margin: 0;
  padding: 1em;
}

.cart-quant-btn:hover {
  color: #a09995;
}

.cart-quant-btn[disabled] {
  color: #dcdad8;
  cursor: not-allowed;
}

.cart-quant-number {
  display: inline-block;
  font-size: 1.2em;
  margin: 0;
}

.cart-discount {
  margin-bottom: 1em;
}

.cart-discount__response {
  margin-top: 1em;
  font-size: 0.875em;
}

.cart-discount__response p:first-child {
  margin-bottom: 0.8em;
}

.cart-totals {
  margin-bottom: 1em;
}

.cart-totals span:not(.h4) {
  color: #807873;
}

.cart-totals .h4, .cart-totals #story h4, #story .cart-totals h4, .cart-totals .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .cart-totals p, .cart-totals .project-card .h3, .project-card .cart-totals .h3, .cart-totals .project-card #story h3, .project-card #story .cart-totals h3, .cart-totals #story .project-card h3, #story .project-card .cart-totals h3, .cart-totals .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .cart-totals .out-of-stock__modal--label, .cart-totals .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .cart-totals .out-of-stock__modal--label,
.cart-totals .h6,
.cart-totals .product-card .product-price,
.product-card .cart-totals .product-price {
  margin-bottom: 0;
}

.cart-totals__loading-message {
  text-align: center;
}

.cart-message .h5, .cart-message .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .cart-message .product-name--two-lines, .cart-message .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .cart-message .product-card-name, .cart-message #story h5, #story .cart-message h5, .cart-message .filters .section-header, .filters .cart-message .section-header,
.cart-message .sorters .section-header, .sorters .cart-message .section-header, .cart-message .chat-notification__title {
  margin-bottom: 1.125em;
}

.checkout-buttons {
  margin-bottom: 1em;
}

.checkout-buttons.disabled-buttons {
  opacity: 0.5;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .checkout-buttons {
    display: flex;
    flex-wrap: wrap;
  }
}

.checkout-buttons .button, .checkout-buttons .poll__answers .list .poll__answer, .poll__answers .list .checkout-buttons .poll__answer {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1em;
}

.checkout-buttons .button + .button, .checkout-buttons .poll__answers .list .poll__answer + .button, .poll__answers .list .checkout-buttons .poll__answer + .button, .checkout-buttons .poll__answers .list .button + .poll__answer, .poll__answers .list .checkout-buttons .button + .poll__answer, .checkout-buttons .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .checkout-buttons .poll__answer + .poll__answer {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .checkout-buttons .button, .checkout-buttons .poll__answers .list .poll__answer, .poll__answers .list .checkout-buttons .poll__answer {
    width: auto;
    flex: 1 0 49%;
  }
  .checkout-buttons .button + .button, .checkout-buttons .poll__answers .list .poll__answer + .button, .poll__answers .list .checkout-buttons .poll__answer + .button, .checkout-buttons .poll__answers .list .button + .poll__answer, .poll__answers .list .checkout-buttons .button + .poll__answer, .checkout-buttons .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .checkout-buttons .poll__answer + .poll__answer {
    margin-left: 1%;
    margin-top: 0;
  }
  .checkout-buttons .button.button-primary, .checkout-buttons .poll__answers .list .button-primary.poll__answer, .poll__answers .list .checkout-buttons .button-primary.poll__answer {
    max-width: 100%;
    flex-basis: 100%;
  }
}

.cart-crosssells {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.cart-crosssells::after {
  clear: both;
  content: '';
  display: table;
}

.cart-crosssells .product-crosssell {
  position: relative;
}

@media screen and (min-width: 768px) {
  .cart-crosssells .product-crosssell {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .cart-crosssells .product-crosssell:last-child {
    margin-right: 0;
  }
}

.cart-crosssells .h5, .cart-crosssells .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .cart-crosssells .product-name--two-lines, .cart-crosssells .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .cart-crosssells .product-card-name, .cart-crosssells #story h5, #story .cart-crosssells h5, .cart-crosssells .filters .section-header, .filters .cart-crosssells .section-header,
.cart-crosssells .sorters .section-header, .sorters .cart-crosssells .section-header, .cart-crosssells .chat-notification__title {
  margin-bottom: 0.5em;
}

.cart-crosssells .h6, .cart-crosssells .product-card .product-price, .product-card .cart-crosssells .product-price {
  line-height: 1;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.cart-mobile-footer.fixed {
  padding: 1em 1em 2em;
  background-color: #edeceb;
  z-index: 888888;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cart-mobile-footer div {
  width: 100%;
}

.cart-merged-alert h3 {
  display: none;
}

.new-payment-button .button i + i, .new-payment-button .poll__answers .list .poll__answer i + i, .poll__answers .list .new-payment-button .poll__answer i + i {
  margin-left: 0.5em;
}

.cart-suggested-item {
  border-top: 1px solid #a09995;
  padding-top: 1em;
  margin-bottom: 1em;
  /* Treat middle slide same
	as hover on mobile                          */
}

.cart-suggested-item .cart-product__name {
  display: inline-block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.cart-suggested-item.isLoading {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

.cart-suggested-item .swiper-container {
  margin-top: 0;
  padding: 0;
}

.cart-suggested-item .swiper-slide {
  padding-right: 10px;
  width: 33%;
}

.cart-suggested-item .cart-suggested-item__image {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 100%;
  will-change: transform;
  transition: transform 0.2s ease-out;
}

.cart-suggested-item .cart-suggested-item__image .suggested-item-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: opacity;
  position: absolute;
  padding: 0.5em;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

@media screen and (min-width: 64.0625em) {
  .cart-suggested-item .cart-suggested-item__product:hover .h6, .cart-suggested-item .cart-suggested-item__product:hover .product-card .product-price, .product-card .cart-suggested-item .cart-suggested-item__product:hover .product-price,
  .cart-suggested-item .cart-suggested-item__product:hover .removed-product-cta {
    opacity: 0;
    color: gray;
  }
  .cart-suggested-item .cart-suggested-item__product:hover .cart-suggested-item__image {
    transform: scale(1.1);
  }
  .cart-suggested-item .cart-suggested-item__product:hover .cart-suggested-item__image:before {
    content: '';
    display: inline;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .cart-suggested-item .cart-suggested-item__product:hover .cart-suggested-item__image .suggested-item-description {
    opacity: 1;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .cart-suggested-item .swiper-slide:not(.swiper-slide-active) .cart-suggested-item__product {
    transform: scale(0.8);
  }
  .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .h6, .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .product-card .product-price, .product-card .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .product-price,
  .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .removed-product-cta {
    opacity: 0;
    color: gray;
  }
  .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .cart-suggested-item__image {
    transform: scale(1.1);
  }
  .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .cart-suggested-item__image:before {
    content: '';
    display: inline;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .cart-suggested-item .swiper-slide-active .cart-suggested-item__product .cart-suggested-item__image .suggested-item-description {
    opacity: 1;
  }
}

.payment-method-drawer {
  z-index: 999999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: #f7f6f6;
  border-top: 1px solid #dcdad8;
  transition: transform 0.2s ease-in;
  max-height: 80vh;
}

.payment-method-drawer .button + .button, .payment-method-drawer .poll__answers .list .poll__answer + .button, .poll__answers .list .payment-method-drawer .poll__answer + .button, .payment-method-drawer .poll__answers .list .button + .poll__answer, .poll__answers .list .payment-method-drawer .button + .poll__answer, .payment-method-drawer .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .payment-method-drawer .poll__answer + .poll__answer {
  margin-top: 0.5em;
}

.payment-method-drawer .button-amazon-pay {
  margin: 0.5em 0;
}

.payment-method-drawer .button-amazon-pay img {
  width: 100%;
  max-height: 44px !important;
}

.payment-method-drawer--inner {
  padding: 1em 1em 2em;
}

.payment-method-drawer.ng-hide {
  transform: translateY(100%);
}

.cart-container.isIPhone .payment-method-drawer--inner,
.cart-container.isIPhone .cart-mobile-footer.fixed {
  padding: 1em 1em 4em;
}

.cart-container.isIPhoneX .payment-method-drawer--inner,
.cart-container.isIPhoneX .cart-mobile-footer.fixed {
  padding: 1em 1em 6em;
}

.cart-container.isAndroid .payment-method-drawer--inner,
.cart-container.isAndroid .cart-mobile-footer.fixed {
  padding: 1em 1em 3em;
}

.cart-container.flex-cart {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: hidden;
}

.cart-container.flex-cart .cart--contents {
  flex-grow: 1;
  flex-shrink: 2;
  overflow-y: auto;
  margin-bottom: auto;
}

.cart-container.flex-cart .cart--contents .input--has-button input, .cart-container.flex-cart .cart--contents .live-events-collection-page .sms-form-input-container input, .live-events-collection-page .cart-container.flex-cart .cart--contents .sms-form-input-container input {
  width: auto;
  flex-grow: 1;
}

.all-buttons-fixed {
  background-color: #edeceb;
  z-index: 999999;
  transform: translateZ(1px);
  min-height: 1px;
  flex-shrink: 0;
  -ms-flex-negative: 0;
}

.all-buttons-fixed.isIPhone {
  padding: 0 0 5.375em;
}

.all-buttons-fixed.isIPhoneX {
  padding: 0 0 8.125em;
}

.all-buttons-fixed.isAndroid {
  padding: 0 0 3em;
}

@media screen and (min-width: 768px) {
  .all-buttons-fixed {
    padding: 0 0 2.25em;
  }
}

@media screen and (min-width: 64.0625em) {
  .all-buttons-fixed {
    padding: 0;
  }
}

.all-buttons-fixed .button, .all-buttons-fixed .poll__answers .list .poll__answer, .poll__answers .list .all-buttons-fixed .poll__answer {
  flex-grow: 1;
  flex-basis: 0;
  border-radius: 0 !important;
  padding: 0;
  height: 44px;
  min-width: 33%;
}

.all-buttons-fixed .button-applepay {
  border-radius: 0 !important;
  margin: 0 !important;
  width: 33vw;
}

@media screen and (min-width: 768px) {
  .all-buttons-fixed .button-applepay {
    width: 144px;
  }
}

.all-buttons-fixed apple-pay {
  max-width: 33%;
}

.all-buttons-fixed.stacked .flex, .all-buttons-fixed.stacked .justify-content--flex-start,
.all-buttons-fixed.stacked .justify-start, .all-buttons-fixed.stacked .justify-content--flex-end,
.all-buttons-fixed.stacked .justify-end, .all-buttons-fixed.stacked .category-products--flex.category-products, .all-buttons-fixed.stacked .grouped-category .grouped-products-sections .category-products, .grouped-category .grouped-products-sections .all-buttons-fixed.stacked .category-products {
  display: block;
}

.all-buttons-fixed.stacked .button, .all-buttons-fixed.stacked .poll__answers .list .poll__answer, .poll__answers .list .all-buttons-fixed.stacked .poll__answer {
  width: 100%;
  margin-top: 0.25em;
}

.all-buttons-fixed.stacked .button:first-child, .all-buttons-fixed.stacked .poll__answers .list .poll__answer:first-child, .poll__answers .list .all-buttons-fixed.stacked .poll__answer:first-child {
  margin-top: 0;
}

.all-buttons-fixed.stacked .button-applepay {
  width: 100%;
}

.free-shipping-countdown {
  height: 3.5em;
  text-align: center;
  background-color: #edeceb;
  position: relative;
  text-align: center;
}

.add-to-cart-modal .free-shipping-countdown {
  background-color: #fff;
}

.free-shipping-countdown .countdown-label {
  margin-bottom: 0.5em;
}

.free-shipping-countdown .progress-bar {
  margin: 5px auto 0;
  border: 1px solid #dcdad8;
}

.free-shipping-countdown .progress-bar .progress-bar__status {
  background-color: #ff6e00;
}

.free-shipping-countdown .countdown__incomplete .progress-bar__status {
  transition: width 0.2s ease-in;
}

.free-shipping-countdown .countdown__complete {
  display: inline-block;
  padding-top: 1em;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-add,
.free-shipping-countdown .countdown__complete.ng-hide-add {
  opacity: 1;
  position: absolute;
  left: 0;
  width: 100%;
  transition: opacity 0.2s ease-out 0.3s;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-add .progress-bar__status,
.free-shipping-countdown .countdown__complete.ng-hide-add .progress-bar__status {
  transition-delay: 0s;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-add.ng-hide-add-active,
.free-shipping-countdown .countdown__complete.ng-hide-add.ng-hide-add-active {
  opacity: 0;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-add.ng-hide-add-active .countdown-success,
.free-shipping-countdown .countdown__complete.ng-hide-add.ng-hide-add-active .countdown-success {
  display: block;
  transform: translateY(50%);
  transition: all 0.2s ease-in;
  opacity: 0;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-remove,
.free-shipping-countdown .countdown__complete.ng-hide-remove {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-out 0.3s;
}

.free-shipping-countdown .countdown__incomplete.ng-hide-remove.ng-hide-remove-active,
.free-shipping-countdown .countdown__complete.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.cart-inner--saved-items {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 4.5em 1em;
  text-align: center;
  overflow-y: scroll;
}

.cart-saved-card {
  width: 50%;
  padding: 7px;
}

@media screen and (min-width: 64.0625em) {
  .cart-saved-card {
    opacity: 0.8;
    transition: opacity 0.3s ease-out-in;
  }
  .cart-saved-card:hover {
    opacity: 1;
  }
}

.cart-saved-card .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
}

.cart-saved-card h6 {
  margin: 0;
  padding: 1em;
  line-height: 1.4em;
  font-size: 0.75em;
  font-weight: 600;
}

.cart-saved-card p {
  margin: 0 0 1.3em;
  font-size: 0.8em;
  text-transform: uppercase;
}

.checkout__paypal-messaging {
  margin-bottom: 1em;
}

.button-paypal--checkout {
  max-width: 228px;
  margin: 0 auto;
  display: table;
}

.checkout .amazon-widget {
  height: 240px;
}

.checkout .cart__nav {
  display: none;
}

.checkout-module .cart-container {
  position: static;
  border: none;
}

.checkout-module .cart-container .cart--contents {
  position: static;
  padding: 10px;
}

.checkout-module .cart-container .cart--contents .cart-remove_or_save .cart-product__save,
.checkout-module .cart-container .cart--contents .cart-remove_or_save span {
  display: none;
}

.well {
  padding: 2em;
}

.hover-transition, .bb-hovercard {
  transition: all 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
}

.card:not(.transparent-card) {
  background: #fff;
  border: 1px solid #edeceb;
}

.card footer {
  border-top: 1px solid #edeceb;
  padding: 0.5em;
  display: flex;
}

@media screen and (min-width: 768px) {
  .card footer {
    padding: 1em;
  }
}

.card-gallery {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.card-gallery::after {
  clear: both;
  content: '';
  display: table;
}

.card-gallery .card {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
  margin-bottom: 1em;
}

.card-gallery .card:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .card-gallery .card {
    margin-bottom: 1em;
  }
  .card-gallery .card:not(.is-single) {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .card-gallery .card:not(.is-single):last-child {
    margin-right: 0;
  }
  .card-gallery .card:not(.is-single):nth-child(3n) {
    margin-right: 0;
  }
  .card-gallery .card:not(.is-single):nth-child(3n+1) {
    clear: left;
  }
  .card-gallery .card.is-single {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
    margin-left: 25.40434%;
  }
  .card-gallery .card.is-single:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .card-gallery.card-gallery--3 .card:not(.is-single) {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .card-gallery.card-gallery--3 .card:not(.is-single):last-child {
    margin-right: 0;
  }
  .card-gallery.card-gallery--3 .card:not(.is-single):nth-child(2n) {
    margin-right: 0;
  }
  .card-gallery.card-gallery--3 .card:not(.is-single):nth-child(2n+1) {
    clear: left;
  }
}

.widget {
  background-color: #fff;
  border: 1px solid #edeceb;
}

.widget .media-box {
  background-color: #edeceb;
}

.widget label {
  margin-bottom: 0;
  font-size: 0.9em;
}

.widget__content {
  padding: 1em;
}

.widget__controls,
.widget-controls {
  border-top: 1px solid #edeceb;
  display: flex;
  padding: 0.5em;
}

@media screen and (min-width: 768px) {
  .widget__controls,
  .widget-controls {
    padding: 1em;
  }
}

.widget__controls.widget__controls--small,
.widget-controls.widget__controls--small {
  padding: 0.5em;
}

.widget__controls--left,
.widget-controls--left,
.widget__controls--right,
.widget-controls--right {
  display: flex;
  align-items: center;
}

.widget__controls--left > * + *,
.widget-controls--left > * + *,
.widget__controls--right > * + *,
.widget-controls--right > * + * {
  margin-left: 0.25em;
  margin-bottom: 0;
}

.widget__controls--left button,
.widget-controls--left button,
.widget__controls--right button,
.widget-controls--right button {
  display: inline-block;
}

.widget__controls--left > button + button,
.widget-controls--left > button + button,
.widget__controls--right > button + button,
.widget-controls--right > button + button {
  margin-left: 0.5em;
}

.widget__controls--left,
.widget-controls--left {
  margin-right: auto;
}

.address-widget .widget__controls--right label {
  font-size: 0.75em;
}

.comment-button--icon {
  margin-left: 1em;
}

.comment-button--icon:hover {
  cursor: pointer;
}

.card--horizontal {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.card--horizontal::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 768px) {
  .card--horizontal .card-media {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .card--horizontal .card-media:last-child {
    margin-right: 0;
  }
}

.card--horizontal .card-content {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .card--horizontal .card-content {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 66.12755%;
    padding: 1em 1em 1em 0;
  }
  .card--horizontal .card-content:last-child {
    margin-right: 0;
  }
}

.card--horizontal .card-title {
  margin-bottom: 0.25em;
}

.card--horizontal .card-subtitle {
  color: #a09995;
}

/* Alternating Rows on Tablet/Desktop */
.feature-cards .button, .feature-cards .poll__answers .list .poll__answer, .poll__answers .list .feature-cards .poll__answer {
  display: inline-block;
}

.feature-cards-row {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .feature-cards-row {
    display: flex;
    align-items: center;
  }
}

.feature-card {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .feature-card {
    width: 50%;
  }
  .feature-card.feature-card--full {
    width: 100%;
  }
}

.feature-card .button, .feature-card .poll__answers .list .poll__answer, .poll__answers .list .feature-card .poll__answer {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .feature-cards-row--reverse {
    flex-direction: row-reverse;
  }
}

.feature-card--centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.description-card, .poll__answers .grid .poll__answer {
  background-color: #fff;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.13);
}

.description-card:hover .description-card__image--collection img, .poll__answers .grid .poll__answer:hover .description-card__image--collection img {
  transform: scale(1.1) translateZ(0);
}

.description-card .description-card__details, .poll__answers .grid .poll__answer .description-card__details {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .description-card .description-card__details, .poll__answers .grid .poll__answer .description-card__details {
    padding: 2em;
  }
}

.description-card .description-card__details :last-child, .poll__answers .grid .poll__answer .description-card__details :last-child {
  margin-bottom: 0;
}

.description-card__image--collection {
  position: relative;
}

.invisible-image, .avatar img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  max-width: 100%;
}

.product-cards {
  margin: 0;
  padding: 0;
}

.product-card {
  background-color: #fff;
  display: block;
  position: relative;
}

.product-card.simple-product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines {
  display: inline-block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  height: 3em;
  margin-bottom: 0;
}

.product-card.other-leg-openings .product-family-member-name-separator {
  display: none;
}

.product-card.other-leg-openings .product-family-member-color {
  display: none;
}

.product-card.other-leg-openings .product-card-detail {
  display: none;
}

.product-card.other-leg-openings .simple-product-card-cta {
  display: none;
}

.product-card.other-leg-openings .default-product-card-details .product-card-name {
  font-size: 0.9em;
}

.product-card.other-leg-openings .default-product-card-details .product-family-member-name {
  line-height: 0.5em;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
}

.product-card .default-product-card-details .product-card-name {
  line-height: 1.4em;
  overflow: hidden;
}

.product-card .default-product-card-details .product-card-name .product-name-line:first-child {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  margin-bottom: 1.3333333333333333em;
  margin-bottom: 0;
}

.product-card .default-product-card-details .product-card-name .product-name-line:nth-child(2),
.product-card .default-product-card-details .product-card-name .product-name-line:nth-child(3) {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: 0;
}

.product-card .default-product-card-details .product-card-name .product-family-member-name {
  overflow: initial;
  line-height: initial;
}

.product-card .default-product-card-details .product-card-name.name-fragments {
  height: auto;
  margin-bottom: 0;
}

.product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines {
  margin-bottom: 0;
  height: initial;
  line-height: initial;
}

.product-card .published:after {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  color: white;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20em;
  font-family: 'betabrand';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.product-card.voted {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: scale(0.6) translateZ(0);
  pointer-events: none;
}

.product-card.voted .published:after {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background-color: #4c8226;
  opacity: 0.7;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20em;
  content: '\f164';
  font-family: FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.product-card.skipped {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: scale(0.6) translateZ(0);
  pointer-events: none;
}

.product-card.skipped .published:after {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background-color: #a09995;
  opacity: 0.7;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20em;
  content: '\f165';
  font-family: FontAwesome;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grid--tight .product-card {
  border: none;
}

.product-card .card-user {
  margin-bottom: 0.5em;
  display: block;
}

.product-card .card-user .avatar {
  position: absolute;
  border: 4px solid #fff;
  left: 50%;
  transform: translateX(-50%) translateY(-3em);
}

.product-card .card-user .card-user__name {
  font-size: 0.8125em;
  line-height: 1.7;
  color: #807873;
}

.product-card .card-details {
  padding: 1em 0 3em 1em;
}

.product-card .card-details .production-actions {
  display: flex;
  flex-flow: row nowrap;
}

.product-card .card-details .production-actions button {
  flex: 1 1 50%;
  margin-right: 0.25em;
}

.product-card .card-details .production-actions button:last-child {
  margin-right: 0;
}

.product-card .card-details button {
  white-space: nowrap;
}

.product-card .card-details.tiered {
  padding: 0.5em;
  text-align: left;
}

.product-card .card-details.tiered .badge--polls {
  color: #fff;
  background: #9100e5;
  padding: 0.75em 0.5em;
  font-size: 0.6em;
  text-transform: uppercase;
}

.product-card .card-details.tiered .swatches {
  margin-top: 0.25em;
  margin-bottom: 1em;
}

.product-card .card-details.tiered .swatches .swatch {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  background-size: cover;
  vertical-align: middle;
}

.product-card .card-details.tiered .swatches .swatch:hover {
  transform: scale(1.15);
}

.product-card .card-details.tiered .swatches .swatch-label-text {
  display: none;
}

.product-card .card-details.tiered .swatches .full-swatch-count {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .product-card .card-details.tiered .swatches .swatch:hover {
    transform: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-card .card-details.tiered .swatches .swatch,
  .product-card .card-details.tiered .swatches .see-more-swatch-count {
    display: none;
  }
  .product-card .card-details.tiered .swatches .full-swatch-count {
    display: block;
    margin-bottom: 1em;
    font-size: 0.8em;
  }
}

.product-card .card-details .product-card-cta {
  text-transform: uppercase;
  margin-top: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-card .card-details .product-card-cta {
    text-align: left;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-card .card-details {
    padding-left: 0;
    padding-bottom: 2em;
    font-size: 0.85em;
  }
  .product-card .card-details .progress-bar-container {
    margin-right: 0;
  }
  .product-card .card-details .progress-bar-container .success-text {
    font-size: 1em;
  }
}

.product-card .product-name {
  display: inline-block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-bottom: 0;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.4em;
}

.homepage-stream .product-card .product-name {
  white-space: normal;
}

.swimlane-no-swiper .product-card .product-name {
  /* The multiplier below sets the max number of lines the name will wrap to */
  height: 4.2em;
  white-space: normal;
}

.product-card .product-price {
  text-align: left;
  margin-bottom: 0;
}

.product-card .product-price .flag--out-of-stock {
  margin-top: 1em;
  margin-left: 0;
}

.product-card .profile-card--default {
  margin-top: 1.5em;
  justify-content: flex-start;
}

.product-card .progress-bar-container {
  margin-right: 1em;
}

.product-card .progress-bar-container .progress-bar {
  margin-top: 1em;
  max-width: initial;
}

.product-card .progress-bar-container .success-text {
  font-size: 1em;
}

.product-card .meta-data-container {
  margin-top: 1em;
  max-width: 17.5em;
}

.product-card .product__image {
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .product-card .product__image button {
    display: none;
  }
}

@media screen and (min-width: 64.0625em) {
  .product-card .product__image button {
    display: none;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
  }
  .product-card .product__image a img, .product-card .product__image .read-more-button img {
    transition: transform 0.3s !important;
  }
  .product-card .product__image:hover a img, .product-card .product__image:hover .read-more-button img {
    transform: scale(1.03);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .product-card .product__image:hover button {
    opacity: 1;
  }
}

.product-card .product__image .badge--polls {
  display: inline-block;
  height: auto;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  position: absolute;
  text-transform: uppercase;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  background: #9100e5;
  border-bottom: 2px solid #6700a3;
  padding: 0.75em 0.5em;
  font-size: 0.6em;
  text-align: center;
}

.product-card .product__image .badge--polls.badge--crowfunding {
  background-color: #27a8e0;
  border-bottom: 2px solid #197fac;
}

.product-card .product__image .badge--trending {
  display: block;
  width: auto;
  right: 0;
  left: auto;
  background-color: #cd3b6b;
  padding: 0.5em 1em;
  font-weight: 700;
  border-bottom: 0;
  bottom: auto;
  top: 75%;
  font-size: 0.75em;
  position: absolute;
  text-transform: uppercase;
  color: #fff;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-card .product__image .badge--trending {
    padding: 0.5em;
  }
}

.product-card .product__image,
.product-card .product-image {
  background: #edeceb;
}

.product-card .product__image a, .product-card .product__image .read-more-button,
.product-card .product-image a,
.product-card .product-image .read-more-button {
  display: block;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

.product-card .product__image a:not(.submission).hsm, .product-card .product__image .read-more-button:not(.submission).hsm, .product-card .product__image a.hsm.hsm, .product-card .product__image .hsm.hsm.read-more-button,
.product-card .product-image a:not(.submission).hsm,
.product-card .product-image .read-more-button:not(.submission).hsm,
.product-card .product-image a.hsm.hsm,
.product-card .product-image .hsm.hsm.read-more-button {
  position: relative;
  padding-bottom: 100% !important;
}

.product-card .product__image a:not(.submission).hsm img, .product-card .product__image .read-more-button:not(.submission).hsm img, .product-card .product__image a.hsm.hsm img, .product-card .product__image .hsm.hsm.read-more-button img,
.product-card .product-image a:not(.submission).hsm img,
.product-card .product-image .read-more-button:not(.submission).hsm img,
.product-card .product-image a.hsm.hsm img,
.product-card .product-image .hsm.hsm.read-more-button img {
  position: absolute;
  left: -35%;
  width: 171%;
  max-width: initial;
}

.product-card .product-card--context {
  margin-bottom: 0;
}

.product-card .promo-card--outer {
  height: 100%;
  min-height: 20em;
}

.product-card .product-card--crowdfunding .default-product-card-details {
  height: 9em;
}

.product-card .product-card--crowdfunding .success-container {
  justify-content: center;
}

.product-card .product-card--design-idea {
  text-align: center;
}

.product-card .product-card--design-idea .product-card--inner {
  border: 1px solid #e8e7e6;
}

.product-card .product-card--design-idea .product-card-name {
  margin-top: 1em;
  margin-bottom: 3em;
}

.product-card .product-card--design-idea .product-card--context {
  font-size: 1em;
}

.product-card .vote-button--heart {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  z-index: 10;
}

.card--color {
  color: white;
}

.card--color header {
  display: flex;
  flex-flow: row nowrap;
  padding: 1.5em;
  text-align: left;
}

.card--color strong, .card--color .link, .card--color .comment-body a, .comment-body .card--color a, .card--color .comment-body .read-more-button, .comment-body .card--color .read-more-button,
.card--color .comment-header a, .comment-header .card--color a, .card--color .comment-header .read-more-button, .comment-header .card--color .read-more-button, .card--color .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .card--color a, .card--color .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .card--color .read-more-button, .card--color .real-time-stream .h5 a, .real-time-stream .h5 .card--color a, .card--color .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .card--color a, .card--color .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .card--color a, .card--color .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .card--color a, .card--color .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .card--color a, .card--color .real-time-stream #story h5 a, .real-time-stream #story h5 .card--color a, .card--color #story .real-time-stream h5 a, #story .real-time-stream h5 .card--color a, .card--color .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .card--color a, .card--color .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .card--color a, .card--color .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .card--color a, .card--color .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .card--color a, .card--color .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .card--color a, .card--color .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .card--color .read-more-button, .card--color .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .card--color .read-more-button, .card--color .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .card--color .read-more-button, .card--color .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .card--color .read-more-button, .card--color .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .card--color .read-more-button, .card--color .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .card--color .read-more-button, .card--color #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .card--color .read-more-button, .card--color .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .card--color .read-more-button, .card--color .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .card--color .read-more-button, .card--color .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .card--color .read-more-button, .card--color .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .card--color .read-more-button, .card--color .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .card--color .read-more-button, .card--color .main-nav__cart .menu-button, .main-nav__cart .card--color .menu-button, .card--color .input-feedback, .card--color .icon-list--colored a, .icon-list--colored .card--color a, .card--color .icon-list--colored .read-more-button, .icon-list--colored .card--color .read-more-button,
.card--color .icon-list--colored button, .icon-list--colored .card--color button, .card--color .site-footer li, .site-footer .card--color li,
.card--color .site-footer a, .site-footer .card--color a, .card--color .site-footer .read-more-button, .site-footer .card--color .read-more-button, .card--color .read-more a, .read-more .card--color a, .card--color .read-more .read-more-button, .read-more .card--color .read-more-button, .card--color .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .card--color button {
  text-align: left;
  flex: 1 1 50%;
}

.card--color span {
  flex: 1 1 50%;
  text-align: right;
}

.card--color footer {
  display: flex;
  flex-flow: row nowrap;
  padding: 1.5em 1.8em;
  font-size: 80%;
  line-height: 1;
}

/*
	following: boolean
	alignment: left, right, center
	variety: default, bio
	designer: boolean
	hovercard: boolean
	size: tiny, small, medium, large

*/
.profile-card-gallery {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.profile-card-gallery::after {
  clear: both;
  content: '';
  display: table;
}

.profile-card-gallery .profile-card {
  margin-bottom: 2em;
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 49.19133%;
}

.profile-card-gallery .profile-card:last-child {
  margin-right: 0;
}

.profile-card-gallery .profile-card:nth-child(2n) {
  margin-right: 0;
}

.profile-card-gallery .profile-card:nth-child(2n+1) {
  clear: left;
}

@media screen and (min-width: 768px) {
  .profile-card-gallery .profile-card {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 23.78699%;
  }
  .profile-card-gallery .profile-card:nth-child(2n) {
    margin-right: 1.61735%;
  }
  .profile-card-gallery .profile-card:nth-child(2n + 1) {
    clear: none;
  }
  .profile-card-gallery .profile-card:last-child {
    margin-right: 0;
  }
  .profile-card-gallery .profile-card:nth-child(4n) {
    margin-right: 0;
  }
  .profile-card-gallery .profile-card:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 64.0625em) {
  .profile-card-gallery .profile-card {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 15.31888%;
  }
  .profile-card-gallery .profile-card:nth-child(4n) {
    margin-right: 1.61735%;
  }
  .profile-card-gallery .profile-card:nth-child(4n + 1) {
    clear: none;
  }
  .profile-card-gallery .profile-card:last-child {
    margin-right: 0;
  }
  .profile-card-gallery .profile-card:nth-child(6n) {
    margin-right: 0;
  }
  .profile-card-gallery .profile-card:nth-child(6n+1) {
    clear: left;
  }
}

.profile-card {
  overflow: hidden;
}

.profile-card .h6, .profile-card .product-card .product-price, .product-card .profile-card .product-price,
.profile-card .h4,
.profile-card #story h4,
#story .profile-card h4,
.profile-card .home-media-article__container .home-media-article__content p,
.home-media-article__container .home-media-article__content .profile-card p,
.profile-card .project-card .h3,
.project-card .profile-card .h3,
.profile-card .project-card #story h3,
.project-card #story .profile-card h3,
.profile-card #story .project-card h3,
#story .project-card .profile-card h3,
.profile-card .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.project-card .out-of-stock__modal .out-of-stock-form .profile-card .out-of-stock__modal--label,
.profile-card .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .project-card .profile-card .out-of-stock__modal--label {
  margin: 0;
  white-space: nowrap;
}

.profile-card .h6, .profile-card .product-card .product-price, .product-card .profile-card .product-price {
  color: #4a4543;
  max-width: 7em;
  cursor: default;
}

.profile-card.profile-card--bio {
  margin-top: 2em;
}

.profile-card.profile-card--bio:first-child {
  margin-top: 0;
}

.profile-card.profile-card--left .profile-card__top, .profile-card.profile-card--right .profile-card__top {
  flex-direction: row;
  align-items: center;
}

.profile-card.profile-card--left .profile-card__top .avatar, .profile-card.profile-card--right .profile-card__top .avatar {
  display: flex !important;
  background-size: cover;
  background-position: center center;
}

.profile-card.profile-card--left .profile-card__top .profile-card__user, .profile-card.profile-card--right .profile-card__top .profile-card__user {
  flex: 0 1 auto;
}

.profile-card.profile-card--left {
  text-align: left;
}

.profile-card.profile-card--right .profile-card__top {
  flex-direction: row-reverse;
  text-align: right;
}

.profile-card.profile-card--center .avatar {
  margin: 0 auto 0.5em;
  margin-bottom: 0.5em;
}

.profile-card.profile-card--center .profile-card__top {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.profile-card.profile-card--modelcitizen {
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.profile-card.profile-card--modelcitizen button {
  display: none;
}

.profile-card.profile-card--modelcitizen .mc-attribution {
  font-size: 0.8em;
}

.profile-card[context='product-card'] button, .profile-card[context='homepage-hero'] button {
  display: none;
}

.profile-card[context='product-card'] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 0.8125em;
  font-size: 0.8125em;
}

.profile-card[context='product-card'] .profile-card__top {
  justify-content: center;
}

.profile-card[context='product-card'] .profile-card__user {
  white-space: nowrap;
}

.profile-card__top {
  display: flex;
}

.product-page .comment-commenter .profile-card__top {
  width: 43px;
}

.bb-hovercard .profile-card__top {
  width: 100%;
}

.account-sidebar .profile-card__top {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}

.profile-card__top button {
  margin-top: 0.5em;
}

.profile-card--left .profile-card__user {
  margin-left: 0.5em;
}

.profile-card--right .profile-card__user {
  margin-right: 0.5em;
}

.profile-card__bottom {
  margin-top: 1em;
}

.profile-card__bottom.profile-card__bottom--bio {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 4px solid #edeceb;
}

.profile-card__bottom.profile-card__bottom--show-products .meta-data-container {
  display: none;
}

.bb-hovercard {
  position: fixed;
  pointer-events: auto;
  opacity: 1;
  transform: translate(-50%, 0);
  z-index: 9999;
  margin-top: -220px;
  padding-bottom: 20px;
}

.bb-hovercard.pre-hovered {
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -15px);
}

.bb-hovercard .profile-card__bottom {
  margin-top: 0;
  min-height: 37px;
}

.hovercard-trigger {
  padding: 1em;
}

.hovercard-trigger.hovercard-trigger--top, .hovercard-trigger.hovercard-trigger--bottom {
  text-align: center;
}

.hovercard-trigger.hovercard-trigger--left {
  text-align: right;
}

.hovercard, .avatar-tooltip .titip-content {
  text-align: center;
  height: 210px;
  background-color: #fff;
  border: 1px solid #dcdad8;
  border-radius: 4px;
  display: inline-block;
  z-index: 10;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.13);
  padding: 1em;
}

.hovercard:before, .avatar-tooltip .titip-content:before, .hovercard:after, .avatar-tooltip .titip-content:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  border-width: 10px;
}

.hovercard:after, .avatar-tooltip .titip-content:after {
  border-width: 9px;
}

.hovercard button, .avatar-tooltip .titip-content button {
  display: inline-block !important;
}

.hovercard .h4, .avatar-tooltip .titip-content .h4, .hovercard #story h4, #story .hovercard h4, .avatar-tooltip .titip-content #story h4, #story .avatar-tooltip .titip-content h4, .hovercard .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .hovercard p, .avatar-tooltip .titip-content .home-media-article__container .home-media-article__content p, .home-media-article__container .home-media-article__content .avatar-tooltip .titip-content p, .hovercard .project-card .h3, .project-card .hovercard .h3, .avatar-tooltip .titip-content .project-card .h3, .project-card .avatar-tooltip .titip-content .h3, .hovercard .project-card #story h3, .project-card #story .hovercard h3, .avatar-tooltip .titip-content .project-card #story h3, .project-card #story .avatar-tooltip .titip-content h3, .hovercard #story .project-card h3, #story .project-card .hovercard h3, .avatar-tooltip .titip-content #story .project-card h3, #story .project-card .avatar-tooltip .titip-content h3, .hovercard .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .hovercard .out-of-stock__modal--label, .avatar-tooltip .titip-content .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .avatar-tooltip .titip-content .out-of-stock__modal--label, .hovercard .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .hovercard .out-of-stock__modal--label, .avatar-tooltip .titip-content .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .avatar-tooltip .titip-content .out-of-stock__modal--label {
  margin-bottom: 0.25em;
}

.hovercard .meta-data-container, .avatar-tooltip .titip-content .meta-data-container {
  margin-top: 1.25em;
}

.touch .hovercard, .touch .avatar-tooltip .titip-content, .avatar-tooltip .touch .titip-content {
  margin-left: 90px;
}

.hovercard--top, .titip-bottom .avatar-tooltip .titip-content {
  text-align: center;
}

.hovercard--top:before, .titip-bottom .avatar-tooltip .titip-content:before, .hovercard--top:after, .titip-bottom .avatar-tooltip .titip-content:after {
  transform: translateX(-50%) translateY(100%);
  left: 50%;
  bottom: 21px;
  border-bottom-width: 0;
}

.hovercard--top:before, .titip-bottom .avatar-tooltip .titip-content:before {
  border-top-color: #dcdad8;
}

.hovercard--top:after, .titip-bottom .avatar-tooltip .titip-content:after {
  border-top-color: #fff;
}

.hovercard-stream .hovercard, .hovercard-stream .avatar-tooltip .titip-content, .avatar-tooltip .hovercard-stream .titip-content {
  margin-left: 33%;
}

.homepage-carousel .avatar {
  pointer-events: none;
}

.homepage-carousel .profile-card__user a:after, .homepage-carousel .profile-card__user .read-more-button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hovercard--right:before, .titip-left .avatar-tooltip .titip-content:before, .hovercard--right:after, .titip-left .avatar-tooltip .titip-content:after {
  transform: translateX(100%) translateY(-50%);
  top: 50%;
  right: 0;
  border-right-width: 0;
}

.hovercard--right:before, .titip-left .avatar-tooltip .titip-content:before {
  border-left-color: #dcdad8;
}

.hovercard--right:after, .titip-left .avatar-tooltip .titip-content:after {
  border-left-color: #fff;
}

.hovercard--bottom, .titip-top .avatar-tooltip .titip-content {
  margin-left: -50%;
  margin-top: 25%;
}

.hovercard--bottom:before, .titip-top .avatar-tooltip .titip-content:before, .hovercard--bottom:after, .titip-top .avatar-tooltip .titip-content:after {
  transform: translateX(-50%) translateY(-100%);
  top: 0;
  left: 50%;
  border-top-width: 0;
}

.hovercard--bottom:before, .titip-top .avatar-tooltip .titip-content:before {
  border-bottom-color: #dcdad8;
}

.hovercard--bottom:after, .titip-top .avatar-tooltip .titip-content:after {
  border-bottom-color: #fff;
}

.hovercard--left:before, .titip-right .avatar-tooltip .titip-content:before, .hovercard--left:after, .titip-right .avatar-tooltip .titip-content:after {
  transform: translateX(-100%) translateY(-50%);
  top: 50%;
  left: 0;
  border-left-width: 0;
}

.hovercard--left:before, .titip-right .avatar-tooltip .titip-content:before {
  border-right-color: #dcdad8;
}

.hovercard--left:after, .titip-right .avatar-tooltip .titip-content:after {
  border-right-color: #fff;
}

.avatar-tooltip {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.avatar-tooltip:before, .avatar-tooltip:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  border-width: 10px;
}

.avatar-tooltip:after {
  border-width: 9px;
}

.avatar-tooltip .titip-content {
  position: inherit;
}

.avatar-tooltip .profile-card__content .h3, .avatar-tooltip .profile-card__content #story h3, #story .avatar-tooltip .profile-card__content h3, .avatar-tooltip .profile-card__content .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .avatar-tooltip .profile-card__content .out-of-stock__modal--label {
  color: #333;
  font-size: 1.5em !important;
  margin: 1em 0;
}

.avatar-tooltip .meta-data-container a, .avatar-tooltip .meta-data-container .read-more-button {
  color: #333;
}

.avatar-tooltip .meta-data-container a:hover, .avatar-tooltip .meta-data-container .read-more-button:hover {
  color: #4c8226;
}

.model-citizen-card {
  position: relative;
}

.model-citizen-card .mc-of-the-day__overflow {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
}

.model-citizen-card .mc-of-the-day__title {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 1em 5em;
  color: #fff;
  background-color: #ec230c;
  font-size: 0.75em;
  transform: rotate(-45deg) translateX(-25%) translateY(-50%);
}

.model-citizen-card .mc-of-the-day__title .h3, .model-citizen-card .mc-of-the-day__title #story h3, #story .model-citizen-card .mc-of-the-day__title h3, .model-citizen-card .mc-of-the-day__title .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .model-citizen-card .mc-of-the-day__title .out-of-stock__modal--label {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .model-citizen-card .mc-of-the-day__title {
    transform: rotate(-45deg) translateX(-25%) translateY(-45%);
    font-size: 1em;
  }
}

.model-citizen-card img {
  width: 100%;
}

.read-more-button {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.profile-page .read-more-button {
  left: 50%;
  transform: translateX(-50%);
}

.read-more {
  max-height: 10em;
  overflow: hidden;
  position: relative;
}

.read-more:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, white 80%);
}

.profile-page .read-more:after {
  background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, #f9f9f9 82%);
}

.read-more.read-all {
  max-height: 100%;
  padding-bottom: 1em;
}

.read-more.read-all:after {
  display: none;
}

/* Style Guide Specific Code */
section [template='user-profile-card'] ng-include {
  max-width: 500px;
  width: auto;
  display: block;
}

section [template='user-profile-card'] .profile-card {
  max-width: 230px;
}

section [template='user-profile-card'] .profile-card + .profile-card {
  margin-top: 3em;
}

.swimlane {
  position: relative;
}

.swimlane header {
  margin-right: 1rem;
  width: auto;
}

.swimlane header .swimlane__controls {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.swimlane header .swimlane__controls .swimlane__page--current {
  font-weight: bold;
}

.swimlane header .swimlane__controls .swiper-button-prev,
.swimlane header .swimlane__controls .swiper-button-next {
  display: inline-block;
  position: static;
  text-align: center;
  background-image: none;
  margin: 0;
  color: #333;
  height: auto;
  width: 2rem;
  transform: scale(1.9);
}

.swimlane .swimlane__heading {
  margin-right: 0;
}

.swimlane .swiper-pagination {
  position: static;
  margin: 1rem 0;
}

.swimlane .swiper-pagination .swiper-pagination-bullet {
  background-color: #e8e7e6;
  opacity: 1;
}

.swimlane .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #333;
}

.swimlane h2 {
  text-align: center;
  text-transform: capitalize;
  font-size: 2em;
  overflow: hidden;
}

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

.swimlane .swimlane-header {
  display: flex;
}

.swimlane .swimlane-header h3 {
  margin-bottom: 0;
}

.swimlane .swimlane-header--left {
  margin-right: auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .swimlane .swimlane-header--right {
    display: none;
  }
}

.swimlane .grid-item {
  margin: 0 0 3.1% 0;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .swimlane .grid-item {
    width: 48.4375%;
  }
  .swimlane .grid-item + .grid-item {
    margin-left: 3.125%;
  }
}

@media screen and (min-width: 64.0625em) {
  .swimlane .grid-item {
    width: 31.25%;
  }
}

@media screen and (min-width: 768px) {
  .swimlane:not(.active) .grid-item:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .swimlane:not(.active) .grid-item:nth-child(2n + 1) {
    margin-left: 3.125%;
  }
  .swimlane:not(.active) .grid-item:nth-child(3n + 1) {
    margin-left: 0;
  }
}

.swimlane .swiper-slide {
  display: inline-block;
  width: 260px;
}

@media screen and (min-width: 64.0625em) {
  .swimlane .swiper-slide {
    width: auto;
  }
}

@media screen and (min-width: 1216px) {
  .swimlane .swiper-slide {
    max-width: 410px;
  }
}

@media screen and (min-width: 64.0625em) {
  .swimlane .swimlane__controls {
    margin: 0 0 0.5rem -0.75rem;
  }
}

.swimlane-no-swiper .view-all,
.swimlane .view-all {
  background-size: cover;
  background-position: center;
  position: relative;
}

.swimlane-no-swiper .view-all .inner,
.swimlane .view-all .inner {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 100ms ease-out;
}

.swimlane-no-swiper .view-all:hover .inner,
.swimlane .view-all:hover .inner {
  background-color: rgba(0, 0, 0, 0.2);
}

.swimlane-no-swiper .view-all:hover .inner .view-all-title,
.swimlane .view-all:hover .inner .view-all-title {
  letter-spacing: 0.1em;
}

.column-group-sidebar {
  margin: -30px 0 75px;
}

.column-group-sidebar .h3, .column-group-sidebar #story h3, #story .column-group-sidebar h3, .column-group-sidebar .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .column-group-sidebar .out-of-stock__modal--label {
  margin-bottom: 0.5em;
}

.column-group-sidebar .card-gallery .product-card {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.8em;
  width: 100%;
}

.column-group-sidebar .card-gallery .card:last-child {
  margin-bottom: 5px;
}

.column-group-sidebar .card-gallery + button {
  margin-top: 0.5em !important;
}

tooltip tip.tooltip--hovercard {
  cursor: pointer;
}

tooltip tip.tooltip--hovercard .button-group {
  margin-bottom: 1em;
}

tooltip tip.tooltip--hovercard:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -44px;
  width: 100%;
  height: 45px;
}

.product-card .submit-idea {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent url(https://static1.betabrands.com/media/thinktank/config/images/default/upload-design.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

.submission-card {
  border-bottom: none;
}

.submission-card .card-details {
  padding-bottom: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
  display: none;
}

.view-all-card {
  position: relative;
  background-color: #4c8226;
  height: 100%;
}

.view-all-card a, .view-all-card .read-more-button {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
}

.view-all-card a i, .view-all-card .read-more-button i {
  display: block;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .swimlane + .billboard {
    display: none;
  }
}

.product-card.submission-card .product-card--inner {
  border: 1px solid #e8e7e6;
}

.product-card.submission-card .submission-card__name {
  font-size: 1.25em;
}

.product-card.submission-card .submission-card__details {
  padding: 1em;
  font-size: 0.875em;
}

.product-card.submission-card .submission-card__counts {
  display: flex;
  justify-content: space-between;
}

.product-card.submission-card .submission-card__voting {
  display: flex;
}

.product-card.submission-card .submission-card__voting button {
  flex: 1;
  transition: background-color 200ms ease-in, border 200ms ease-in;
  position: relative;
}

.product-card.submission-card .submission-card__voting button + button {
  margin-left: 1em;
}

.product-card.submission-card .submission-card__voting button.vote-button--selected, .product-card.submission-card .submission-card__voting button:active {
  background-color: #4c8226 !important;
  border-color: #4c8226;
  color: #fff;
}

.product-card.submission-card .submission-card__voting button.vote-button--selected.vote-button--in-progress, .product-card.submission-card .submission-card__voting button:active.vote-button--in-progress {
  background: linear-gradient(-45deg, #4c8226, #65ad33);
  background-size: 200% 200%;
  -webkit-animation: vote-in-progress 1s ease infinite;
          animation: vote-in-progress 1s ease infinite;
  opacity: 0.75;
}

.product-card.submission-card .submission-card__voting button.vote-button--selected:after, .product-card.submission-card .submission-card__voting button:active:after {
  content: '\f05d';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.5rem;
  right: -0.5rem;
  background-color: #fff;
  border: 2px solid #fff;
  font-family: FontAwesome;
  color: #4c8226;
  font-size: 1.2rem;
  border-radius: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-animation: bounce 400ms ease-out;
          animation: bounce 400ms ease-out;
}

@-webkit-keyframes vote-in-progress {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes vote-in-progress {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.vote-button--notify-me .submission__image-container {
  border-radius: 100%;
  overflow: hidden;
  border: 5px solid #f7f6f6;
  background-color: white;
}

.vote-button--notify-me .submission__image {
  padding-bottom: 100%;
  background-size: 105%;
  background-position: top;
}

.vote-button--notify-me .submission__date {
  margin-bottom: 0;
  text-transform: uppercase;
}

.vote-button--notify-me .submission__title {
  white-space: nowrap;
  max-width: 100%;
  margin: 0 auto;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (min-width: 64.0625em) {
  .sticky-box {
    position: relative;
  }
  .sticky-box.sticky-fix > aside.top {
    position: fixed;
  }
  .sticky-box.sticky-fix > aside.bottom {
    position: absolute;
  }
}

.mc-affiliate-group.page-columns {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -1em;
}

.mc-affiliate-group .billboard {
  width: 100%;
}

.mc-affiliate-group .mc-affiliate-group--set {
  margin-bottom: 1em;
}

.mc-affiliate-group .mc-affiliate-group--set .button, .mc-affiliate-group .mc-affiliate-group--set .poll__answers .list .poll__answer, .poll__answers .list .mc-affiliate-group .mc-affiliate-group--set .poll__answer {
  height: auto;
}

.mc-affiliate-group .mc-affiliate-group--share {
  font-size: 1.4em;
  font-weight: bold;
}

.mc-affiliate-group .social-sharing {
  justify-content: center;
}

.product-related {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
  padding: 1em;
}

.product-related::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 1473px) {
  .product-related {
    padding: 0;
  }
}

.page-columns {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}

.page-columns::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 768px) {
  .page-columns {
    padding: 0 1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-columns {
    display: flex;
  }
}

@media screen and (min-width: 1473px) {
  .page-columns {
    padding: 0;
  }
}

.page-columns.page-columns--has-right-sidebar.larger-max-width {
  max-width: 95em;
}

@media screen and (min-width: 768px) {
  .page-columns.page-columns--has-right-sidebar aside {
    padding-right: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .page-columns.page-columns--has-right-sidebar aside {
    min-width: 100%;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-columns.page-columns--has-right-sidebar .page-column--left.sticky-box aside {
    padding-right: 2rem;
  }
}

.page-columns.login-form-outer form {
  margin: 0 auto;
}

.page-column--left {
  width: 100%;
}

@media screen and (min-width: 64.0625em) {
  .page-column--left {
    flex: 0 16.875em;
    width: 16.875em;
    padding-right: 5em;
  }
  .page-columns--has-right-sidebar .page-column--left {
    order: 0;
    flex: 1 1 65%;
    min-width: 65%;
    width: 65%;
  }
}

@media screen and (min-width: 1216px) {
  .page-columns--has-right-sidebar .page-column--left {
    order: 0;
    flex: 1 1 70%;
    min-width: 70%;
    width: 70%;
  }
}

@media screen and (min-width: 1473px) {
  .page-columns--has-right-sidebar .page-column--left {
    order: 0;
    flex: 1 1 75%;
    min-width: 75%;
    width: 75%;
  }
}

.page-column--left.page-column--left__full {
  flex: 1 1 100%;
  min-width: 100%;
  width: 100%;
  padding-right: 0;
}

.page-column--right {
  z-index: 2;
}

@media screen and (min-width: 64.0625em) {
  .page-column--right {
    flex: 1;
    max-width: calc(100% - 240px);
  }
  .page-columns--has-right-sidebar .page-column--right {
    order: 1;
    flex: 1 1 30%;
    min-width: 30%;
  }
}

@media screen and (min-width: 1216px) {
  .page-columns--has-right-sidebar .page-column--right {
    flex: 1 1 30%;
    min-width: 30%;
  }
}

@media screen and (min-width: 1473px) {
  .page-columns--has-right-sidebar .page-column--right {
    flex: 1 1 30%;
    min-width: 30%;
  }
}

.product-breadcrumbs-wrapper {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.product-breadcrumbs-wrapper::after {
  clear: both;
  content: '';
  display: table;
}

.product-breadcrumbs-wrapper.desktop {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .product-breadcrumbs-wrapper.desktop {
    display: flex;
  }
  .product-breadcrumbs-wrapper.mobile {
    display: none;
  }
}

.profile-card--model-citizen .profile-card__top {
  display: inline-block;
}

.product-sidebar .product-header {
  background: white;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.product-sidebar .product-header .product-header--left {
  padding: 1em 0.5em 0;
  padding-right: 0;
  max-width: 66%;
}

.product-sidebar .product-header .product-header--right {
  text-align: right;
  max-width: 33%;
  padding: 1em 0.5em 0.5em;
}

.product-sidebar .product-header h1 {
  margin-bottom: 0;
}

.product-sidebar .product-header .h3, .product-sidebar .product-header #story h3, #story .product-sidebar .product-header h3, .product-sidebar .product-header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .product-sidebar .product-header .out-of-stock__modal--label {
  margin-bottom: 0;
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar .product-header {
    text-align: center;
    display: flex;
    margin: 0 auto;
    max-width: 25em;
    align-items: baseline;
  }
  .product-sidebar .product-header .product-header--left,
  .product-sidebar .product-header .product-header--right {
    padding: 0 1em;
    max-width: 100%;
    text-align: center;
  }
  .product-sidebar .product-header .product-header--right {
    min-width: 0;
    padding: 0;
    text-align: right;
  }
  .product-sidebar .product-header .product-header--left {
    padding: 0 3em 0.5em;
    text-align: left;
    padding: 0;
    max-width: 75%;
  }
  .product-sidebar .product-header .product-header--left.unfragmented-product-name {
    max-width: 73%;
  }
}

.product-sidebar .product-additional-info {
  text-align: left;
}

.product-sidebar .product-additional-info .product-rating {
  text-align: left;
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar .product-additional-info {
    margin: 0 auto;
    max-width: 25em;
    padding-right: 0;
  }
}

.product-sidebar .profile-card {
  justify-content: center;
  margin: 0.5em 0;
  display: table;
  margin: 0 auto;
}

.product-sidebar .product-price {
  font-size: 1.125em;
}

.product-sidebar .product-mobile-image {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  height: 0;
}

.product-sidebar .product-mobile-image img {
  width: 100%;
}

.product-sidebar .product-mobile-image .vote-button--heart {
  position: absolute;
  top: 1em;
  right: 1em;
  background-color: #fff;
  border-radius: 50%;
  padding: 0.25em;
}

.product-sidebar .product-mobile-image .vote-button--heart i {
  line-height: 1;
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar .product-mobile-image {
    display: none;
  }
}

.product-sidebar .product-name {
  font-size: 1.625em;
  margin-bottom: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sidebar .product-name {
    font-size: 1.4em;
  }
}

#product .product-sidebar .product-name .vote-button {
  position: absolute;
  right: 0;
  top: 0;
}

.product-sidebar .product-name .product-name--detail {
  font-size: 0.675em;
}

.product-sidebar .product-name .product-name--detail {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.product-sidebar .product-name .product-name--detail-color,
.product-sidebar .product-name .product-name--detail-make {
  margin-bottom: 0;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.product-sidebar .product-name span.product-name--detail {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sidebar .product-name span.product-name--detail {
    font-size: 0.65em;
    margin-top: 0.5em;
  }
}

.submission-page .product-sidebar .product-name {
  text-align: center;
}

.product-sidebar .product-rating {
  text-align: left;
  margin-top: 0.25em;
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar .product-rating {
    text-align: center;
  }
}

.product-sidebar .product-rating .rating-summary {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sidebar .product-rating .rating-summary {
    margin-top: 0em;
    margin-bottom: 0.5em;
  }
}

.product-sidebar .product-rating .rating-summary:hover {
  text-decoration: underline;
  color: #333;
}

.product-sidebar .product-rating a, .product-sidebar .product-rating .read-more-button {
  display: block;
}

.product-sidebar review-rating-summary {
  display: inline-block;
  margin-right: 0.5em;
}

.product-sidebar .profile-card__content button {
  display: none;
}

.product-sidebar .product-price {
  text-align: center;
}

.product-sidebar .product-tagline {
  text-align: center;
  color: #807873;
}

.product-sidebar .meta-data-container {
  margin: 0.5em auto 1em;
}

.product-sidebar .meta-data-container .meta-data {
  padding: 0;
}

.product-sidebar .meta-data-container .meta-data .meta-data__count {
  line-height: 1.2;
}

.product-sidebar .meta-data-container .meta-data .meta-data__label {
  line-height: 1.9;
}

.product-sidebar .meta-data-container .vote-buttons {
  display: flex;
}

.product-sidebar .meta-data-container .vote-buttons button {
  flex: 1;
  transition: background-color 200ms ease-in, border 200ms ease-in;
  position: relative;
}

.product-sidebar .meta-data-container .vote-buttons button + button {
  margin-left: 1em;
}

.product-sidebar .meta-data-container .vote-buttons button.vote-button--selected, .product-sidebar .meta-data-container .vote-buttons button:active {
  background-color: #4c8226 !important;
  color: #fff;
}

.product-sidebar .meta-data-container .vote-buttons button.vote-button--selected.vote-button--in-progress, .product-sidebar .meta-data-container .vote-buttons button:active.vote-button--in-progress {
  background: linear-gradient(-45deg, #4c8226, #65ad33);
  background-size: 200% 200%;
  -webkit-animation: vote-in-progress 1s ease infinite;
          animation: vote-in-progress 1s ease infinite;
  opacity: 0.75;
}

.product-sidebar .meta-data-container .vote-buttons button.vote-button--selected:after, .product-sidebar .meta-data-container .vote-buttons button:active:after {
  content: '\f05d';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.5rem;
  right: -0.5rem;
  background-color: #fff;
  border: 2px solid #fff;
  font-family: FontAwesome;
  color: #4c8226;
  font-size: 1.2rem;
  border-radius: 1.2rem;
  -webkit-animation: bounce 200ms ease-out;
          animation: bounce 200ms ease-out;
}

.product-sidebar .meta-data-container .vote-buttons button + button {
  margin-left: 0.5rem;
}

.product-sidebar .select-dropdown {
  display: block;
}

.product-sidebar .select-dropdown + .select-dropdown {
  margin-bottom: 1em;
}

.product-sidebar .buybar .select-dropdown {
  margin-bottom: 1em;
}

.product-sidebar .buybar .size-guide-data-container {
  display: flex;
  justify-content: space-between;
  max-width: 25em;
  margin: 0 auto 1em;
}

.product-sidebar .buybar .size-guide-data-container.original-t293SizeGuideLink {
  justify-content: flex-start;
}

.product-sidebar .buybar .bolt-product-checkout-button {
  max-width: 24.8em;
  margin: 0 auto 1em;
}

.product-sidebar .buybar .bolt-product-checkout-button div[data-tid*='bolt-checkout-button-text'] {
  font-size: 0px !important;
}

.product-sidebar .buybar .bolt-product-checkout-button div[data-tid*='bolt-checkout-button-text']:before {
  content: 'Buy Now';
  display: block;
  font-size: 16px !important;
}

.product-sidebar .add-to-cart {
  max-width: 22.1875em;
  display: table;
  margin: 0 auto 1em;
}

.product-sidebar .link-group a, .product-sidebar .link-group .read-more-button {
  display: inline-block;
}

.product-sidebar .link-group i {
  display: block;
  font-size: 2em;
  color: #a09995;
  margin-bottom: 0.25em;
}

.product-sidebar .social-sharing {
  justify-content: center;
  margin-bottom: 2em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sidebar .social-sharing {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.product-sidebar .product-tab-content {
  font-size: 0.875em;
  margin-bottom: 1em;
}

.product-sidebar .product-tab-content .product-sizing__table {
  font-size: 0.90625em;
}

.product-sidebar .product-tab-content .product-details {
  font-size: 0.8125em;
}

.product-sidebar .profile-card {
  margin: 1.5em auto;
  display: table;
  padding-top: 0;
}

.product-sidebar .profile-card:last-child {
  padding-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sidebar .profile-card {
    display: none;
  }
}

.product-sidebar .product-questions-link {
  font-size: 0.875em;
  text-align: center;
}

.product-sidebar .link-group {
  margin-bottom: 1em;
}

.product-sidebar .product-vital-stats {
  margin-left: auto;
  margin-right: auto;
  max-width: 25em;
}

.product-sidebar .design-idea-sidebar-divider {
  max-width: 20em;
  margin: 1.5em auto 1em;
  border-top: 4px solid #e8e7e6;
}

.product-sidebar .crowdfunding-discount-message {
  text-align: center;
  max-width: 25em;
  margin: 0 auto;
  display: block;
  padding: 1em 0;
  border-top: 4px solid #e8e7e6;
  border-bottom: 4px solid #e8e7e6;
}

.product-sidebar .crowdfunding-discount-message strong, .product-sidebar .crowdfunding-discount-message .link, .product-sidebar .crowdfunding-discount-message .comment-body a, .comment-body .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .comment-body .read-more-button, .comment-body .product-sidebar .crowdfunding-discount-message .read-more-button,
.product-sidebar .crowdfunding-discount-message .comment-header a, .comment-header .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .comment-header .read-more-button, .comment-header .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .h5 a, .real-time-stream .h5 .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream #story h5 a, .real-time-stream #story h5 .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message #story .real-time-stream h5 a, #story .real-time-stream h5 .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .main-nav__cart .menu-button, .main-nav__cart .product-sidebar .crowdfunding-discount-message .menu-button, .product-sidebar .crowdfunding-discount-message .input-feedback, .product-sidebar .crowdfunding-discount-message .icon-list--colored a, .icon-list--colored .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .icon-list--colored .read-more-button, .icon-list--colored .product-sidebar .crowdfunding-discount-message .read-more-button,
.product-sidebar .crowdfunding-discount-message .icon-list--colored button, .icon-list--colored .product-sidebar .crowdfunding-discount-message button, .product-sidebar .crowdfunding-discount-message .site-footer li, .site-footer .product-sidebar .crowdfunding-discount-message li,
.product-sidebar .crowdfunding-discount-message .site-footer a, .site-footer .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .site-footer .read-more-button, .site-footer .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .read-more a, .read-more .product-sidebar .crowdfunding-discount-message a, .product-sidebar .crowdfunding-discount-message .read-more .read-more-button, .read-more .product-sidebar .crowdfunding-discount-message .read-more-button, .product-sidebar .crowdfunding-discount-message .product-questions-link button, .product-sidebar .product-questions-link .crowdfunding-discount-message button {
  color: #4c8226;
}

.product-sidebar .crowdfunding-discount-message--addendum {
  display: inline-block;
  width: 100%;
  padding-top: 1em;
}

.product-sidebar .tabs {
  margin-bottom: 0.5em;
}

.product-sidebar .tabs.product-tabs {
  margin-bottom: 1em;
}

.product-sidebar .tabs .button, .product-sidebar .tabs .poll__answers .list .poll__answer, .poll__answers .list .product-sidebar .tabs .poll__answer {
  font-size: 0.8125em;
  padding: 0.75em;
  border-bottom-width: 2px;
}

.product-sidebar .buybar {
  margin-top: 0.5em;
}

@media screen and (min-width: 64.0625em) {
  .product-detail-page .page-columns--has-right-sidebar .page-column--right,
  .landing-page--black-only .page-columns--has-right-sidebar .page-column--right {
    flex: 1 1 30%;
    min-width: 30%;
  }
  .product-detail-page .product-header,
  .landing-page--black-only .product-header {
    display: flex;
    margin: 0 auto 0.5em;
    max-width: 25em;
    align-items: baseline;
  }
  .product-detail-page .product-header .product-header--left,
  .landing-page--black-only .product-header .product-header--left {
    text-align: left;
    padding: 0;
    max-width: 75%;
  }
  .product-detail-page .product-header .product-header--left.unfragmented-product-name,
  .landing-page--black-only .product-header .product-header--left.unfragmented-product-name {
    max-width: 73%;
  }
  .product-detail-page .product-header .product-header--left .product-name,
  .landing-page--black-only .product-header .product-header--left .product-name {
    font-size: 1.625em;
  }
  .product-detail-page .product-header .product-header--left .product-name--detail,
  .landing-page--black-only .product-header .product-header--left .product-name--detail {
    font-size: 0.675em;
  }
  .product-detail-page .product-header .product-header--left .product-name--detail,
  .landing-page--black-only .product-header .product-header--left .product-name--detail {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  .product-detail-page .product-header .product-header--left .product-name--detail-color,
  .product-detail-page .product-header .product-header--left .product-name--detail-make,
  .landing-page--black-only .product-header .product-header--left .product-name--detail-color,
  .landing-page--black-only .product-header .product-header--left .product-name--detail-make {
    margin-bottom: 0.5em;
    font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  .product-detail-page .product-header .product-header--left .product-name--detail-make,
  .landing-page--black-only .product-header .product-header--left .product-name--detail-make {
    margin-top: 0.5em;
    line-height: 0.9;
    vertical-align: top;
  }
  .product-detail-page .product-header .product-header--right,
  .landing-page--black-only .product-header .product-header--right {
    min-width: 0;
    padding: 0;
    text-align: right;
  }
  .product-detail-page .product-additional-info,
  .landing-page--black-only .product-additional-info {
    text-align: left;
    max-width: 25em;
    margin: 0 auto;
  }
  .product-detail-page .product-additional-info .product-rating,
  .landing-page--black-only .product-additional-info .product-rating {
    text-align: left;
    display: block;
    justify-content: normal;
    margin-top: 0.25em;
  }
  .product-detail-page .product-additional-info .product-rating .rating-summary,
  .landing-page--black-only .product-additional-info .product-rating .rating-summary {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    margin-left: 0;
  }
  .product-detail-page .product-additional-info .product-rating a + a, .product-detail-page .product-additional-info .product-rating .read-more-button + a, .product-detail-page .product-additional-info .product-rating a + .read-more-button, .product-detail-page .product-additional-info .product-rating .read-more-button + .read-more-button,
  .landing-page--black-only .product-additional-info .product-rating a + a,
  .landing-page--black-only .product-additional-info .product-rating .read-more-button + a,
  .landing-page--black-only .product-additional-info .product-rating a + .read-more-button,
  .landing-page--black-only .product-additional-info .product-rating .read-more-button + .read-more-button {
    margin-left: 0;
  }
  .product-detail-page .progress-bar-container .text--centered,
  .landing-page--black-only .progress-bar-container .text--centered {
    text-align: left;
    max-width: 25em;
    margin: 0 auto;
  }
  .product-detail-page .progress-bar-container .success-container,
  .landing-page--black-only .progress-bar-container .success-container {
    justify-content: normal;
    margin: -1em auto 0;
    max-width: 25em;
  }
  .product-detail-page .product-price__final-sale,
  .landing-page--black-only .product-price__final-sale {
    max-width: 25em;
    margin: 0 auto;
    text-align: left;
  }
  .product-detail-page .buybar,
  .landing-page--black-only .buybar {
    margin-top: 0;
  }
}

.product-detail-page .progress-bar-container .progress-bar,
.landing-page--black-only .progress-bar-container .progress-bar {
  height: 5px;
  border-radius: 0;
}

.product-detail-page .progress-bar-container .progress-bar .progress-bar__status,
.landing-page--black-only .progress-bar-container .progress-bar .progress-bar__status {
  border-radius: 0;
}

.product-detail-page .progress-bar-container .success-container,
.landing-page--black-only .progress-bar-container .success-container {
  margin-top: -1.5em;
}

.product-detail-page .product-price .product-price__discount,
.landing-page--black-only .product-price .product-price__discount {
  color: #cd3b6b;
}

.product-detail-page .product-price .product-price__original,
.landing-page--black-only .product-price .product-price__original {
  font-size: 0.85em;
}

.product-detail-page .product-price .product-price__percentage,
.landing-page--black-only .product-price .product-price__percentage {
  color: white;
  text-transform: uppercase;
  font-size: 0.7em;
  background-color: #cd3b6b;
  padding: 0.125em 0.5em 0.2em;
}

.product-detail-page .product-sidebar .product-rating,
.landing-page--black-only .product-sidebar .product-rating {
  padding-left: 0;
  margin-top: 0.25em;
}

.product-detail-page .product-sidebar .product-rating .rating-summary,
.landing-page--black-only .product-sidebar .product-rating .rating-summary {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}

.replace-voted {
  overflow: hidden;
}

.product-gallery {
  position: relative;
}

@media screen and (min-width: 768px) {
  .product-gallery {
    display: block;
  }
}

.product-gallery.extra-top-padding {
  margin-top: 30px;
}

.product-gallery .video-wrapper {
  margin-bottom: 0.5em;
}

.product-gallery .gallery-toggle-extended-sizes {
  display: block;
  margin: 0.6em 0 1.8em;
  font-size: 0.8em;
  text-align: center;
  cursor: default;
}

@media screen and (min-width: 64.0625em) {
  .product-gallery .gallery-toggle-extended-sizes {
    display: inline-block;
    position: absolute;
    top: -47px;
    right: 0;
  }
}

.product-gallery .gallery-toggle-extended-sizes button {
  position: relative;
  top: -5px;
}

.product-gallery .gallery-toggle-extended-sizes a, .product-gallery .gallery-toggle-extended-sizes .read-more-button {
  font-weight: 600;
  color: #a09995;
  transition: color 0.3s ease-out-in;
  cursor: pointer;
}

.product-gallery .gallery-toggle-extended-sizes a:hover, .product-gallery .gallery-toggle-extended-sizes .read-more-button:hover {
  color: #333;
}

.product-gallery .gallery-image {
  width: 100%;
  position: relative;
  margin-bottom: 0.5em;
}

.product-gallery .gallery-image:last-child {
  margin-bottom: 0em;
}

.product-gallery .gallery-image .model-citizen-card {
  border: none;
  background-color: transparent;
}

.product-gallery .gallery-image .model-citizen-card .profile-card {
  position: absolute;
  left: 0;
  bottom: 7em;
  background-color: #edeceb;
  z-index: 1;
  padding: 1em;
}

.product-gallery .gallery-image .model-citizen-card .profile-card .profile-card__top {
  width: auto;
}

.product-gallery .gallery-image .model-citizen-card .widget__controls--left,
.product-gallery .gallery-image .model-citizen-card .widget__controls--right {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1;
  color: #333;
}

.product-gallery .gallery-image .model-citizen-card .widget__controls--left tooltip,
.product-gallery .gallery-image .model-citizen-card .widget__controls--right tooltip {
  font-size: 14px;
  color: #333;
}

.product-gallery .gallery-callout {
  text-align: left;
  min-height: 5em;
  padding: 2em;
  font-size: 2em;
}

.product-gallery .gallery-callout .stars .fa-star {
  font-size: 2em;
  color: #ffc83f;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-gallery .gallery-callout .stars .fa-star {
    font-size: 2em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-gallery .gallery-callout {
    font-size: 1em;
  }
}

.product-gallery .gallery-image-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 1em;
}

.product-gallery .gallery-image-actions .gallery-image-actions--left {
  display: flex;
  align-items: center;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  margin-right: 1.5em;
}

.product-gallery .gallery-image-actions .gallery-image-actions--left i {
  font-size: 14px;
}

.product-gallery .gallery-image-actions .gallery-image-actions--left .vote-count {
  display: block;
  font-size: 15px;
  margin-top: 4px;
  margin-left: 0.125em;
}

.product-gallery .gallery-image-actions .gallery-image-actions--center {
  color: #68615d;
  font-size: 0.9em;
  line-height: 1;
  margin: 0 auto;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: capitalize;
  display: flex;
}

.product-gallery .gallery-image-actions .gallery-image-actions--center span {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

.product-gallery .gallery-image-actions .gallery-image-actions--center span span {
  margin-left: 0.25em;
}

.product-gallery .gallery-image-actions .gallery-image-actions--right {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1;
}

.product-gallery .gallery-image-actions .gallery-image-actions--right tooltip {
  margin-top: 0.5em;
  font-size: 14px;
}

.product-gallery .vote-button {
  font-size: 1.125em;
  line-height: 1;
  vertical-align: middle;
}

.product-gallery .vote-button i {
  color: #68615d;
}

.product-gallery .vote-button .voted i {
  color: #ec230c;
}

.product-gallery .widget__controls {
  padding: 1em;
  border-top: 0;
  margin: 0;
  color: #68615d;
}

.product-gallery .widget__controls--left {
  align-items: center;
}

.product-gallery [afkl-lazy-image]:not(.model-citizen-card__image) {
  width: 100%;
  height: 0;
  background: url(/media/catalog/product/placeholder/default/default.jpg) no-repeat center center;
  background: #edeceb;
  background-size: 100% auto;
}

.product-gallery [afkl-lazy-image].active {
  display: block;
}

.product-gallery [afkl-lazy-image] img {
  width: 100%;
}

.product-gallery + .product-section {
  border-top: 1px solid #edeceb;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .product-gallery .gallery-image:first-child,
  .product-gallery .afkl-lazy-wrapper {
    display: none;
    visibility: hidden;
    padding-bottom: 0 !important;
  }
}

.gallery--blue-box {
  text-align: center;
  background: #0078db;
  color: #ffffff;
  width: 75%;
  margin: 1em auto 1em auto;
  padding: 0.75em;
  text-transform: uppercase;
}

.gallery--blue-box .h2, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box .h3, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .gallery--blue-box h3, .gallery--blue-box #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box h3, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .gallery--blue-box .out-of-stock__modal--label, .gallery--blue-box .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box .out-of-stock__modal--label,
.gallery--blue-box .h1,
.gallery--blue-box .video-page h1,
.video-page .gallery--blue-box h1,
.gallery--blue-box .home-feature.home-feature--on-image .home-feature__content .content__headline,
.home-feature.home-feature--on-image .home-feature__content .gallery--blue-box .content__headline,
.gallery--blue-box .lp--1 .lp--1__main .product-name,
.lp--1 .lp--1__main .gallery--blue-box .product-name {
  margin-bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .gallery--blue-box .h2, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box .h3, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .gallery--blue-box h3, .gallery--blue-box #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box h3, .gallery--blue-box .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .gallery--blue-box .out-of-stock__modal--label, .gallery--blue-box .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .gallery--blue-box .out-of-stock__modal--label {
    font-size: 1.25em;
  }
  
  .gallery--blue-box .h1,
  .gallery--blue-box .video-page h1,
  .video-page .gallery--blue-box h1,
  .gallery--blue-box .home-feature.home-feature--on-image .home-feature__content .content__headline,
  .home-feature.home-feature--on-image .home-feature__content .gallery--blue-box .content__headline,
  .gallery--blue-box .lp--1 .lp--1__main .product-name,
  .lp--1 .lp--1__main .gallery--blue-box .product-name {
    font-size: 1.5em;
  }
}

.submission-thumbnail {
  background: #eee url(/angular/src/images/loading-ring.svg) no-repeat center center;
  background-size: 3.875em;
  height: 0;
}

.submission-thumbnail.submission-thumbnail--mobile {
  display: block;
}

@media screen and (min-width: 64.0625em) {
  .submission-thumbnail.submission-thumbnail--mobile {
    display: none;
  }
}

.submission-thumbnail.submission-thumbnail--desktop {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .submission-thumbnail.submission-thumbnail--desktop {
    display: block;
  }
}

.project-drawer-open {
  font-size: 1em;
}

.project-drawer-open:hover {
  color: #66af33;
  font-weight: bold;
}

.project-drawer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 30em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .project-drawer {
    background-color: #edeceb;
    padding-top: 0.5em;
    padding-bottom: 1em;
  }
}

@media screen and (min-width: 768px) {
  .project-drawer {
    max-width: 70em;
  }
}

@media screen and (min-width: 64.0625em) {
  .project-drawer {
    justify-content: flex-start;
    max-width: 90em;
    padding-left: 0;
    margin-bottom: 2em;
  }
}

.project-drawer .project-wraper {
  margin-top: 1em;
  margin-right: 1em;
  min-width: 6em;
  max-width: 8em;
}

@media screen and (min-width: 768px) {
  .project-drawer .project-wraper {
    max-width: 10em;
  }
}

.project-drawer img {
  margin-right: 1em;
}

.project-drawer h1 {
  margin-top: 0.5em;
  font-size: 0.875em;
}

.project-drawer span:last-child img {
  margin-right: 0;
}

#story {
  border-top: none;
}

#story a:not(.product-tag), #story .read-more-button:not(.product-tag) {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #4c8226;
}

.product-fit-image {
  padding: 0 1em;
  border-left: 1px solid #edeceb;
  border-right: 1px solid #edeceb;
  background-color: #fff;
}

.product-fit-image > div {
  max-width: 37.5em;
  margin: 0 auto;
}

.product-fit-image img {
  display: block;
}

.product-fit-image.full-width {
  padding: 0;
}

.product-fit-image.full-width > div {
  max-width: 100%;
}

.care-fit {
  margin-top: -1em;
}

@media screen and (min-width: 768px) {
  .care-fit {
    display: flex;
  }
}

.care-fit #fit,
.care-fit #care {
  flex: 1;
  padding: 3em;
  background-color: #e8e7e6;
  text-align: center;
}

.care-fit #fit:last-child,
.care-fit #care:last-child {
  background-color: #dcdad8;
}

.care-fit #fit img,
.care-fit #care img {
  width: 6em;
  margin-bottom: -2em;
}

.care-fit--right .h2, .care-fit--right .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .care-fit--right .h3, .care-fit--right .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .care-fit--right h3, .care-fit--right #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .care-fit--right h3, .care-fit--right .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .care-fit--right .out-of-stock__modal--label, .care-fit--right .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .care-fit--right .out-of-stock__modal--label {
  margin-bottom: 0 !important;
}

.care-fit--right img {
  width: 2em;
  margin-bottom: -0.3em;
}

#story h3 {
  line-height: 1.25;
}

#story .alert--subtle {
  margin-bottom: 3em;
}

#comments {
  margin-bottom: 0;
}

.product-section {
  position: relative;
  padding: 1.5em;
  background-color: #fff;
  margin: 0 0 1em;
  overflow: hidden;
  border: 1px solid #edeceb;
}

.product-section:last-of-type {
  border-bottom: 1px solid #edeceb;
}

@media screen and (min-width: 64.0625em) {
  .product-section {
    margin: 0 0 2em;
    padding: 2em;
  }
}

.product-section.featured-collections .tabs {
  margin-bottom: 1em;
  overflow-x: scroll;
  white-space: nowrap;
}

.product-carousel .flickity-slider > * {
  width: 100%;
  max-width: 90em;
}

.product-carousel .product-carousel__thumbnails {
  overflow: hidden;
}

.product-carousel img {
  width: 100%;
}

#js-target-end {
  clear: both;
}

.submission-sidebar {
  transform: translateZ(0);
}

.submission-sidebar :last-child {
  margin-bottom: 0;
}

.price .product-price__discount,
.product-price .product-price__discount {
  color: #cd3b6b;
}

.price .product-price__original,
.product-price .product-price__original {
  color: #a09995;
  text-decoration: line-through;
  font-size: 0.85em;
}

.price .product-price__percentage,
.product-price .product-price__percentage {
  color: white;
  text-transform: uppercase;
  font-size: 0.75em;
  background-color: #cd3b6b;
  padding: 0.125em 0.5em 0.2em;
}

.price .flag, .price .coment-commenter-title,
.product-price .flag,
.product-price .coment-commenter-title {
  margin-left: 0.5em;
}

.product-price__final-sale {
  color: #a09995;
  max-width: 25em;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 64.0625em) {
  .product-price__final-sale {
    text-align: left;
  }
}

.product-color-selector {
  text-align: center;
  margin: 0.5em 0 0.5em;
}

.select-dropdown__dropdown .select-dropdown__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-dropdown__dropdown button.select-dropdown__option-label.out-of-stock {
  text-decoration: line-through;
  opacity: 0.25;
}

.select-dropdown__dropdown span.pre-order {
  color: #ff6e00;
  margin-left: auto;
  font-size: 0.875em;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  right: 1em;
  pointer-events: none;
}

.select-dropdown__dropdown p {
  margin: 0.5em 0 0;
}

.select-dropdown__dropdown--multiple .h6, .select-dropdown__dropdown--multiple .product-card .product-price, .product-card .select-dropdown__dropdown--multiple .product-price {
  margin-bottom: 0.5em;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute + .select-dropdown__attribute {
  margin-top: 1em;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute + p {
  margin: 1em 0 0;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute .select-dropdown__options {
  display: flex;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute .select-dropdown__options.multiline-options {
  display: block;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute .select-dropdown__options.multiline-options .select-dropdown__option {
  display: inline-block;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute .select-dropdown__options.multiline-options .select-dropdown__option button {
  min-width: 3.32812em;
  width: auto;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute .select-dropdown__option {
  flex: 1 1 auto;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute button {
  display: inline-block;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  border: 1px solid #a09995;
  text-align: center;
  margin-right: 0.375em;
  margin-bottom: 0.375em;
  padding: 0.5em;
  line-height: 1;
  border-radius: 4px;
  text-decoration: none;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute button span {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute button.out-of-stock {
  text-decoration: line-through;
  opacity: 0.25;
}

.select-dropdown__dropdown--multiple .select-dropdown__attribute button.pre-order {
  display: none;
}

.select-dropdown__dropdown--multiple .link-colored *, .select-dropdown__dropdown--multiple .icon-list--colored a *, .icon-list--colored .select-dropdown__dropdown--multiple a *, .select-dropdown__dropdown--multiple .icon-list--colored .read-more-button *, .icon-list--colored .select-dropdown__dropdown--multiple .read-more-button *, .select-dropdown__dropdown--multiple .icon-list--colored button *, .icon-list--colored .select-dropdown__dropdown--multiple button *, .select-dropdown__dropdown--multiple .read-more a *, .read-more .select-dropdown__dropdown--multiple a *, .select-dropdown__dropdown--multiple .read-more .read-more-button *, .read-more .select-dropdown__dropdown--multiple .read-more-button *, .select-dropdown__dropdown--multiple .stream-activity .activity-update .message-contents a *, .stream-activity .activity-update .message-contents .select-dropdown__dropdown--multiple a *, .select-dropdown__dropdown--multiple .stream-activity .activity-update .message-contents .read-more-button *, .stream-activity .activity-update .message-contents .select-dropdown__dropdown--multiple .read-more-button * {
  text-align: center;
  width: 100%;
}

.out-of-stock-form {
  text-align: center;
}

.out-of-stock-form fieldset {
  text-align: left;
}

.out-of-stock-form .h5, .out-of-stock-form .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .out-of-stock-form .product-name--two-lines, .out-of-stock-form .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .out-of-stock-form .product-card-name, .out-of-stock-form #story h5, #story .out-of-stock-form h5, .out-of-stock-form .filters .section-header, .filters .out-of-stock-form .section-header,
.out-of-stock-form .sorters .section-header, .sorters .out-of-stock-form .section-header, .out-of-stock-form .chat-notification__title {
  margin-bottom: 0.5em;
}

.out-of-stock-form .out-of-stock__modal--label,
.out-of-stock-form .out-of-stock__modal--label-subtitle {
  display: none;
}

.out-of-stock-form .out-of-stock-label {
  display: block;
}

.out-of-stock-form .select-dropdown {
  max-width: 100%;
}

.out-of-stock-form .select-dropdown .select-dropdown {
  border: 1px solid black;
}

.out-of-stock-form .select-dropdown .select-dropdown__label {
  border: 1px solid #dcdad8;
  background-color: #f7f6f6;
  color: #333;
  border-radius: 4px;
}

.out-of-stock-form .select-dropdown .select-dropdown__label:focus {
  border: 1px solid #333;
}

.out-of-stock-form .select-dropdown .select-dropdown__dropdown.select-dropdown__dropdown--multiple {
  border: 1px solid black;
  padding: 1em;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.out-of-stock-form .select-dropdown p {
  padding-left: 0;
}

@media screen and (min-width: 64.0625em) {
  .out-of-stock-form {
    margin: 0 auto 1.5em;
    max-width: 25em;
  }
}

.out-of-stock__modal {
  min-height: 40vh;
  padding: 4.5em 0;
}

.out-of-stock__modal .out-of-stock-form {
  background-color: transparent;
  border: 0;
}

.out-of-stock__modal .out-of-stock-form .out-of-stock-label {
  display: none;
}

.out-of-stock__modal .out-of-stock-form .out-of-stock-size,
.out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label-subtitle {
  display: block;
}

.out-of-stock__modal .out-of-stock-form .select-dropdown .select-dropdown__label {
  border: 0;
  background-color: transparent;
  color: initial;
  border-radius: 0;
}

.out-of-stock__modal .out-of-stock-form .select-dropdown__dropdown {
  max-height: 20vh;
}

.out-of-stock__modal .out-of-stock-form input {
  border: 1px solid black;
  border-radius: 0;
  background-color: white;
  padding: 1em;
}

.product-review {
  text-align: left;
  cursor: default;
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.product-review:after {
  content: 'Rate it:';
  margin-right: 0.5em;
}

.product-review > button {
  width: 1.1em;
}

.product-review > button:hover i,
.product-review > button:hover ~ button i {
  color: #121212;
}

.product-review > button:hover i:before,
.product-review > button:hover ~ button i:before {
  content: '\f005';
}

.product-sizing,
.product-size-chart,
.product-expanded-size-chart {
  clear: both;
}

.product-sizing .product-sizing__table,
.product-size-chart .product-sizing__table,
.product-expanded-size-chart .product-sizing__table {
  margin: 0 auto;
}

.product-sizing .product-sizing__table + .product-sizing__table,
.product-size-chart .product-sizing__table + .product-sizing__table,
.product-expanded-size-chart .product-sizing__table + .product-sizing__table {
  margin-top: 1em;
}

.product-sizing .product-sizing__table.columns__1 .column,
.product-size-chart .product-sizing__table.columns__1 .column,
.product-expanded-size-chart .product-sizing__table.columns__1 .column {
  width: 50%;
}

.product-sizing .product-sizing__table.columns__2 .column,
.product-size-chart .product-sizing__table.columns__2 .column,
.product-expanded-size-chart .product-sizing__table.columns__2 .column {
  width: 33.3333%;
}

.product-sizing .product-sizing__table.columns__3 .column,
.product-size-chart .product-sizing__table.columns__3 .column,
.product-expanded-size-chart .product-sizing__table.columns__3 .column {
  width: 25%;
}

.product-sizing .product-sizing__table.columns__4 .column,
.product-size-chart .product-sizing__table.columns__4 .column,
.product-expanded-size-chart .product-sizing__table.columns__4 .column {
  width: 20%;
}

.product-sizing .product-sizing__table.columns__5 .column,
.product-size-chart .product-sizing__table.columns__5 .column,
.product-expanded-size-chart .product-sizing__table.columns__5 .column {
  width: 16.666666667%;
}

.product-sizing .product-sizing__table.columns__6 .column,
.product-size-chart .product-sizing__table.columns__6 .column,
.product-expanded-size-chart .product-sizing__table.columns__6 .column {
  width: 14.285714286%;
}

.product-sizing .product-sizing__table.columns__7 .column,
.product-size-chart .product-sizing__table.columns__7 .column,
.product-expanded-size-chart .product-sizing__table.columns__7 .column {
  width: 12.5%;
}

.product-sizing .product-sizing__table.columns__8 .column,
.product-size-chart .product-sizing__table.columns__8 .column,
.product-expanded-size-chart .product-sizing__table.columns__8 .column {
  width: 11.111111111%;
}

.product-sizing .product-sizing__table.columns__9 .column,
.product-size-chart .product-sizing__table.columns__9 .column,
.product-expanded-size-chart .product-sizing__table.columns__9 .column {
  width: 10%;
}

.product-sizing .product-sizing__table.columns__10 .column,
.product-size-chart .product-sizing__table.columns__10 .column,
.product-expanded-size-chart .product-sizing__table.columns__10 .column {
  width: 9.090909091%;
}

.product-sizing .product-sizing__table.columns__11 .column,
.product-size-chart .product-sizing__table.columns__11 .column,
.product-expanded-size-chart .product-sizing__table.columns__11 .column {
  width: 8.333333333%;
}

.product-sizing .product-sizing__table:last-child,
.product-size-chart .product-sizing__table:last-child,
.product-expanded-size-chart .product-sizing__table:last-child {
  margin-bottom: 1em;
}

.product-sizing .product-sizing__row,
.product-size-chart .product-sizing__row,
.product-expanded-size-chart .product-sizing__row {
  display: flex;
}

.product-sizing .product-sizing__row .column:first-child,
.product-size-chart .product-sizing__row .column:first-child,
.product-expanded-size-chart .product-sizing__row .column:first-child {
  text-align: left;
}

.product-sizing .product-sizing__row:nth-child(even),
.product-size-chart .product-sizing__row:nth-child(even),
.product-expanded-size-chart .product-sizing__row:nth-child(even) {
  background-color: #f8f8f8;
}

.product-sizing .product-sizing__row + .product-sizing__row,
.product-size-chart .product-sizing__row + .product-sizing__row,
.product-expanded-size-chart .product-sizing__row + .product-sizing__row {
  border-top: 1px solid #edeceb;
}

.product-sizing .product-sizing__row:last-child,
.product-size-chart .product-sizing__row:last-child,
.product-expanded-size-chart .product-sizing__row:last-child {
  margin-bottom: 1em;
}

.product-sizing .column,
.product-size-chart .column,
.product-expanded-size-chart .column {
  vertical-align: middle;
  padding: 0.275em 0.75em;
  text-align: center;
  max-width: 33.333%;
}

.product-sizing .product-sizing__label--bold,
.product-size-chart .product-sizing__label--bold,
.product-expanded-size-chart .product-sizing__label--bold {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.product-expanded-size-chart .expanded-size-chart {
  border-bottom: 1px solid #333;
}

.product-expanded-size-chart .expanded-size-chart .section-header {
  padding: 1em;
  padding-right: 2em;
  border-top: 1px solid #333;
}

.product-expanded-size-chart .expanded-size-chart .section-header .header {
  margin-bottom: 0;
}

.product-expanded-size-chart .expanded-size-chart .subsection-header {
  padding-left: 1em;
}

.product-expanded-size-chart .expanded-size-chart .side-note {
  padding-left: 1em;
}

.product-expanded-size-chart .expanded-size-chart .model-stats {
  padding: 0.5em 1em;
}

.product-expanded-size-chart .expanded-size-chart .model-stats .model-stats-text {
  padding-top: 2em;
  padding-left: 1em;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row:nth-child(even) {
  background-color: initial;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column3 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column6 {
  padding-top: 0.275em;
  padding-bottom: 0.275em;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column3,
.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column6 {
  margin-right: 0;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column3:first-child,
.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column6:first-child {
  padding-left: 1em;
}

.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column3:last-child,
.product-expanded-size-chart .expanded-size-chart .product-sizing__table .product-sizing__row .column6:last-child {
  background-color: initial;
  border-right: initial;
  padding-left: 1em;
  padding-right: 0.25em;
  padding-left: 0em;
}

/*Used in CMS page /size-guide*/
.standalone-size-guide .product-expanded-size-chart {
  margin: 5% 30%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .standalone-size-guide .product-expanded-size-chart {
    margin-left: 0;
    margin-right: 0;
  }
}

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

.submission-communication {
  margin-top: 3em;
}

.submission-communication .delete-draft {
  margin-top: 1.5em;
}

.with-stats-1 .gallery-image.with-stats {
  padding-bottom: 88% !important;
}

@media screen and (min-width: 1216px) {
  .with-stats-1 .gallery-image.with-stats {
    padding-bottom: 82% !important;
  }
}

@media screen and (min-width: 1473px) {
  .with-stats-1 .gallery-image.with-stats {
    padding-bottom: 80% !important;
  }
}

.with-stats-3 .gallery-image.with-stats {
  padding-bottom: 89% !important;
}

@media screen and (min-width: 1216px) {
  .with-stats-3 .gallery-image.with-stats {
    padding-bottom: 85% !important;
  }
}

@media screen and (min-width: 1473px) {
  .with-stats-3 .gallery-image.with-stats {
    padding-bottom: 83% !important;
  }
}

.product-sizing-chart .product-sizing__table {
  display: table;
  margin-bottom: 1.5em;
  border-top: 2.5px solid black;
}

.product-sizing-chart .product-sizing__table:last-child {
  margin-bottom: 3em;
}

.product-sizing-chart .product-sizing__table .product-sizing__label--bold,
.product-sizing-chart .product-sizing__table .product-sizing__label {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.product-sizing-chart .product-sizing__table .product-sizing__row {
  display: table-row;
}

.product-sizing-chart .product-sizing__table .column {
  display: table-cell;
  min-width: 6em;
  padding: 1em;
  border-bottom: 1px solid #edeceb;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-sizing-chart .product-sizing__table .column {
    min-width: initial;
    padding: 0.5em;
  }
}

.design-ideas-modules .billboard {
  margin-bottom: 3em;
  background-image: url(https://static1.betabrands.com/media/thinktank/config/images/default/garlic.jpg?iopts=900x417);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #edeceb;
}

.design-ideas-modules > div {
  margin-bottom: 2em;
}

.crowdfunding-tooltip {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
}

.crowdfunding-tooltip span {
  font-size: 0.9em;
  line-height: 1;
}

.crowdfunding-tooltip .crowdfunding-tooltip--mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reviews .pagination {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

.reviews .pagination button {
  display: inline-block;
}

.product-order-status {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.product-order-status::after {
  clear: both;
  content: '';
  display: table;
}

.product-order-status h3 {
  display: none;
}

.product-inner {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.product-inner::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 768px) {
  .product-inner {
    padding: 0 1em;
  }
}

.page-column--right .sidebar-section h3,
.page-column--right .sidebar-section .h3,
.page-column--right .sidebar-section #story h3,
#story .page-column--right .sidebar-section h3,
.page-column--right .sidebar-section .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label,
.out-of-stock__modal .out-of-stock-form .page-column--right .sidebar-section .out-of-stock__modal--label,
.page-column--right .sidebar-section #story h3 {
  margin-bottom: 0.5em;
}

.page-column--right .sidebar-section + .sidebar-section {
  margin-top: 2rem;
}

.buybar.sticky {
  position: fixed;
  z-index: 20;
  border-top: 1px solid #f4f4f3;
  background-color: #fff;
  padding: 0.25em;
  bottom: 0;
  width: 100vw;
}

.buybar.sticky .add-to-cart.button, .buybar.sticky .poll__answers .list .add-to-cart.poll__answer, .poll__answers .list .buybar.sticky .add-to-cart.poll__answer {
  margin-top: 5px;
}

.buybar.sticky .select-dropdown {
  max-width: 100%;
}

.buybar.sticky .select-dropdown__dropdown {
  max-height: 40vh;
  bottom: 110%;
}

.product-promo-message {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.8em;
  display: block;
  text-align: center;
  padding: 0 1em 1em;
  color: #ff6e00;
}

@media screen and (min-width: 1473px) {
  .product-promo-message {
    padding: 0;
  }
}

.buybar__sticky-link {
  position: absolute;
  padding-top: 3px;
  padding-right: 1em;
  right: 0;
  z-index: 2;
}

.buybar__sticky-link p {
  padding-top: 0.5em;
}

.has-size-chart-modal .select-dropdown__dropdown.isOpen {
  padding-top: 2em;
}

.is-condensed {
  position: relative;
  max-height: 800px;
  overflow: hidden;
}

.is-condensed:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), white 85%);
}

.condensed-read-more-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.condensed-read-more-container .condensed-read-more-button {
  padding: 2em;
}

.product-sidebar .accordion__item {
  padding: 0.5em 1em;
}

.product-sidebar .accordion-item__content p,
.product-sidebar .accordion-item__content ul {
  font-size: 0.875em;
}

.product-sidebar .accordion-item__content .product-size-chart, .product-sidebar .accordion-item__content .product-expanded-size-chart {
  font-size: 0.8em;
}

.landing-page--black-only .leg-opening-selector-wrapper,
.product-detail-page .leg-opening-selector-wrapper {
  max-width: 25em;
  margin: 0 auto;
}

.landing-page--black-only .leg-opening-selector-wrapper .button-group,
.product-detail-page .leg-opening-selector-wrapper .button-group {
  justify-content: center;
  font-size: 0.75em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.landing-page--black-only .leg-opening-selector-wrapper .button-group .button, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answer,
.product-detail-page .leg-opening-selector-wrapper .button-group .button,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .poll__answer {
  flex: 0 1 100%;
  padding: 0;
}

.landing-page--black-only .leg-opening-selector-wrapper .button-group .button a, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer a, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answer a, .landing-page--black-only .leg-opening-selector-wrapper .button-group .button .read-more-button, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer .read-more-button, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answer .read-more-button,
.product-detail-page .leg-opening-selector-wrapper .button-group .button a,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer a,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .poll__answer a,
.product-detail-page .leg-opening-selector-wrapper .button-group .button .read-more-button,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .poll__answer .read-more-button,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .poll__answer .read-more-button {
  display: inline-block;
  padding: 1em 1.5em;
}

.landing-page--black-only .leg-opening-selector-wrapper .button-group .button.button-is-active, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer,
.product-detail-page .leg-opening-selector-wrapper .button-group .button.button-is-active,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer {
  color: white;
  background-color: #333;
}

.landing-page--black-only .leg-opening-selector-wrapper .button-group .button.button-is-active a, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer a, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer a, .landing-page--black-only .leg-opening-selector-wrapper .button-group .button.button-is-active .read-more-button, .landing-page--black-only .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer .read-more-button, .poll__answers .list .landing-page--black-only .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer .read-more-button,
.product-detail-page .leg-opening-selector-wrapper .button-group .button.button-is-active a,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer a,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer a,
.product-detail-page .leg-opening-selector-wrapper .button-group .button.button-is-active .read-more-button,
.product-detail-page .leg-opening-selector-wrapper .button-group .poll__answers .list .button-is-active.poll__answer .read-more-button,
.poll__answers .list .product-detail-page .leg-opening-selector-wrapper .button-group .button-is-active.poll__answer .read-more-button {
  text-decoration: underline;
}

.landing-page--black-only .style-selector-tabs.tabs,
.product-detail-page .style-selector-tabs.tabs {
  display: flex;
  max-width: 25em;
  margin: 0 auto;
  margin-bottom: 1em;
}

.landing-page--black-only .sizing-chart--mobile {
  display: none;
}

.landing-page--black-only .product-tab-content.size-chart, .landing-page--black-only .product-tab-content.fit-care, .landing-page--black-only .product-tab-content.story {
  padding-left: 2em;
  padding-right: 2em;
}

.landing-page--black-only .product-tab-content.fit-care img {
  width: 5em;
  padding-right: 1em;
}

.landing-page--black-only .product-tab-content.fit-care .fit-care-header {
  display: flex;
  align-items: center;
}

.landing-page--black-only .product-tab-content.size-chart .product-sizing__table.columns__4 {
  width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .landing-page--black-only .sizing-chart--mobile {
    display: block;
    max-width: 30em;
    margin: 1em auto;
  }
  .landing-page--black-only .sizing-chart--mobile .h3, .landing-page--black-only .sizing-chart--mobile #story h3, #story .landing-page--black-only .sizing-chart--mobile h3, .landing-page--black-only .sizing-chart--mobile .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .landing-page--black-only .sizing-chart--mobile .out-of-stock__modal--label {
    text-align: center;
  }
  .landing-page--black-only .sizing-chart--desktop {
    display: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .landing-page--black-only .sizing-chart--mobile .product-sizing__table.columns__4 {
    width: 100%;
  }
}

.buybar.expandedMultiple .select-dropdown {
  position: relative;
  border: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.buybar.expandedMultiple .select-dropdown__dropdown {
  position: relative;
  border: 0;
  margin: 0;
  padding: 0;
}

.buybar.expandedMultiple .select-dropdown__dropdown.isOpen {
  outline: none;
}

.t291additionalStylesInThisColor.accordion {
  margin-bottom: 1em;
  padding: 0 1em;
}

.t291additionalStylesInThisColor.accordion .accordion__item {
  padding: 0;
  margin-bottom: 0;
}

.t291additionalStylesInThisColor.accordion .accordion__item .accordion-item__content {
  margin-top: 0;
}

.t291additionalStylesInThisColor.accordion .accordion-item__header {
  font-size: 0.875em;
}

.t291additionalStylesInThisColor.accordion .product-name-family,
.t291additionalStylesInThisColor.accordion .product-name {
  font-size: 0.75em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .t291additionalStylesInThisColor.accordion .product-name-family,
  .t291additionalStylesInThisColor.accordion .product-name {
    font-size: 1.125em;
  }
}

.t291additionalStylesInThisColor.accordion .product-name {
  margin-bottom: 0;
  display: block;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.t291additionalStylesInThisColor.accordion .product-card .card-details {
  padding: 0;
}

.t291additionalStylesInThisColor.accordion .swimlane header .swimlane__controls {
  margin-left: -1em;
}

.product__live-event-container {
  padding: 0.5rem;
}

.back-to-top .button, .back-to-top .poll__answers .list .poll__answer, .poll__answers .list .back-to-top .poll__answer {
  position: fixed;
  z-index: 61;
}

.bb-svg-background-chris {
  margin: 0 auto !important;
}

.bb-svg-background-chris + .box-nav__content {
  display: none;
}

.bb-svg-background-chris:before {
  display: block;
  content: url(/angular/src/images/bb.svg);
  width: 46px;
}

.box-nav .tab-products i:before {
  color: #4c8226;
}

.box-nav .tab-ideas i:before {
  color: #27a8e0;
}

.box-nav .tab-people i:before {
  color: #fcb400;
}

.stream {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.stream::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 64.0625em) {
  .stream {
    padding: 0;
  }
}

.stream-activity-item + .stream-activity-item {
  margin-top: 1em;
}

.comments-trigger {
  margin: 0 auto 2em;
  display: block;
}

.comments-trigger .stream-activity-item,
.stream-activity--follow .comments-trigger {
  display: none;
}

.stream-activity {
  display: flex;
  position: relative;
}

.stream-activity a:hover, .stream-activity .read-more-button:hover, .stream-activity a:focus, .stream-activity .read-more-button:focus {
  color: #333;
}

.stream-activity .activity-actor img {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-activity .activity-actor.activity-actor {
    position: absolute;
    left: 1.125em;
    top: 1.25em;
  }
  .stream-activity .activity-actor.activity-actor .avatar-small {
    width: 2.5em;
    height: 2.5em;
  }
}

@media screen and (min-width: 768px) {
  .stream-activity .activity-actor {
    margin-bottom: 1em;
    position: relative;
  }
}

.stream-activity > .widget {
  flex: 1;
}

.stream-activity .stream-activity__header {
  padding: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-activity .stream-activity__header {
    padding-left: 4.25em;
  }
}

@media screen and (min-width: 768px) {
  .stream-activity .stream-activity__header {
    padding: 1em;
  }
}

.stream-activity .stream-activity__header .h5, .stream-activity .stream-activity__header .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .stream-activity .stream-activity__header .product-name--two-lines, .stream-activity .stream-activity__header .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .stream-activity .stream-activity__header .product-card-name, .stream-activity .stream-activity__header #story h5, #story .stream-activity .stream-activity__header h5, .stream-activity .stream-activity__header .filters .section-header, .filters .stream-activity .stream-activity__header .section-header,
.stream-activity .stream-activity__header .sorters .section-header, .sorters .stream-activity .stream-activity__header .section-header, .stream-activity .stream-activity__header .chat-notification__title,
.stream-activity .stream-activity__header .h6,
.stream-activity .stream-activity__header .product-card .product-price,
.product-card .stream-activity .stream-activity__header .product-price,
.stream-activity .stream-activity__header .h7,
.stream-activity .stream-activity__header .product-card .product-card--context,
.product-card .stream-activity .stream-activity__header .product-card--context {
  margin-bottom: 0;
  border: 0;
}


.stream-activity .stream-activity__header .h7,
.stream-activity .stream-activity__header .product-card .product-card--context,
.product-card .stream-activity .stream-activity__header .product-card--context {
  color: #68615d;
}

.stream-activity .stream-activity__header a, .stream-activity .stream-activity__header .read-more-button {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.stream-activity .activity-update {
  padding: 1em;
}

.stream-activity .activity-update .message-contents .larger {
  font-size: 1.3em;
}

.stream-activity .product-card {
  display: none;
  margin: 0;
  border: none;
}

.stream-activity .product-card:first-child {
  display: block;
}

.stream-activity .activity-comment .comment-container, .stream-activity .activity-comment .comment-caption-container {
  background-color: #f7f6f6;
}

.stream-activity .activity-comment .comment-container .comment-commenter .avatar, .stream-activity .activity-comment .comment-caption-container .comment-commenter .avatar {
  left: 10px;
  width: 1.5625em;
  height: 1.5625em;
}

.stream-activity.show-all .product-card,
.stream-activity.show-all .stream-activity__body .profile-card,
.stream-activity.show-all .activity-comment {
  display: block;
}

.stream-activity .activity__avatar--icon {
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
}

.stream-activity .activity__avatar--icon i {
  line-height: 50px;
  font-size: 1.5em;
}

.stream-activity .comment-container, .stream-activity .comment-caption-container {
  border-top: 1px solid #edeceb;
  padding: 1em;
}

.stream-activity .comment-container .comment-container, .stream-activity .comment-caption-container .comment-container, .stream-activity .comment-container .comment-caption-container, .stream-activity .comment-caption-container .comment-caption-container {
  padding-left: 0;
}

.stream-activity .comment-container .profile-card__top, .stream-activity .comment-caption-container .profile-card__top {
  display: block;
}

.stream-activity .comment-container .profile-card__top .avatar, .stream-activity .comment-caption-container .profile-card__top .avatar {
  margin: 0 auto 0.2em;
}

.stream-activity .comment-container .comment-content, .stream-activity .comment-caption-container .comment-content {
  padding-left: 3em;
}

.stream-activity .activity-update__title--model-citizen {
  padding: 0 0.7em;
}

.menu-dropdown--notifications .stream-activity {
  text-align: left;
}

.menu-dropdown--notifications .stream-activity + .stream-activity {
  border-top: 1px solid #edeceb;
}

.menu-dropdown--notifications .stream-activity .widget {
  border: 0;
  box-flex: 0;
  flex: 0 1 auto;
}

.menu-dropdown--notifications .stream-activity .stream-activity__header {
  padding: 0;
}

.menu-dropdown--notifications .stream-activity .stream-activity__header .h5, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .menu-dropdown--notifications .stream-activity .stream-activity__header .product-name--two-lines, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card-name, .menu-dropdown--notifications .stream-activity .stream-activity__header #story h5, #story .menu-dropdown--notifications .stream-activity .stream-activity__header h5, .menu-dropdown--notifications .stream-activity .stream-activity__header .filters .section-header, .filters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header,
.menu-dropdown--notifications .stream-activity .stream-activity__header .sorters .section-header, .sorters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header, .menu-dropdown--notifications .stream-activity .stream-activity__header .chat-notification__title {
  font-size: 1em;
  margin-bottom: 0.125em;
}

.menu-dropdown--notifications .stream-activity .stream-activity__header .h5 a, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .menu-dropdown--notifications .stream-activity .stream-activity__header .product-name--two-lines a, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .product-card--design-idea .product-card-name a, .product-card .product-card--design-idea .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card-name a, .menu-dropdown--notifications .stream-activity .stream-activity__header #story h5 a, #story .menu-dropdown--notifications .stream-activity .stream-activity__header h5 a, .menu-dropdown--notifications .stream-activity .stream-activity__header .filters .section-header a, .filters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header a, .menu-dropdown--notifications .stream-activity .stream-activity__header .sorters .section-header a, .sorters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header a, .menu-dropdown--notifications .stream-activity .stream-activity__header .chat-notification__title a, .menu-dropdown--notifications .stream-activity .stream-activity__header .h5 .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .menu-dropdown--notifications .stream-activity .stream-activity__header .product-name--two-lines .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card .product-card--design-idea .product-card-name .read-more-button, .product-card .product-card--design-idea .menu-dropdown--notifications .stream-activity .stream-activity__header .product-card-name .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header #story h5 .read-more-button, #story .menu-dropdown--notifications .stream-activity .stream-activity__header h5 .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header .filters .section-header .read-more-button, .filters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header .sorters .section-header .read-more-button, .sorters .menu-dropdown--notifications .stream-activity .stream-activity__header .section-header .read-more-button, .menu-dropdown--notifications .stream-activity .stream-activity__header .chat-notification__title .read-more-button {
  font-weight: bold;
}

.menu-dropdown--notifications .stream-activity .stream-activity__body {
  display: none;
}

.menu-dropdown--notifications .stream-activity .activity-actor {
  display: flex;
  padding: 0;
  margin-bottom: 0;
  overflow: visible;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .menu-dropdown--notifications .stream-activity .activity-actor {
    margin-right: 0.5em;
    position: relative;
    left: 0;
    top: 0;
  }
}

.timestamp {
  text-decoration: none;
}

.menu-dropdown--notifications .stream-activity {
  box-orient: horizontal;
  box-direction: normal;
  flex-direction: row;
  box-align: center;
  align-items: center;
}

.menu-activities .activity-actor {
  margin-right: 1em;
}

.menu-dropdown--notifications .show-all-notifications {
  background-color: #edeceb;
  border-top: solid 1px #e8e7e6;
  height: 3.5em;
  line-height: 3.5em;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -3.5em;
}

.menu-dropdown--notifications .show-all-notifications:hover {
  background-color: #e8e7e6;
}

@media screen and (min-width: 64.0625em) {
  .menu-dropdown--notifications {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    max-height: 23.5em;
    overflow-x: auto;
  }
  .menu-dropdown--notifications > nav {
    max-height: 19.5em;
    overflow-y: scroll;
  }
  .menu-dropdown--notifications.menu-dropdown {
    padding: 0;
  }
  .menu-dropdown--notifications .menu-activities li:hover {
    cursor: pointer;
    background-color: #f7f6f6;
  }
  .menu-dropdown--notifications .menu-activities li:hover .widget {
    background-color: transparent;
  }
  .menu-dropdown--notifications .show-all-notifications {
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .admin-control .stream-activity--new_poll .activity-actor {
    top: 2.75em;
  }
  .admin-control .stream-activity--new_poll .widget {
    padding-top: 1.5em;
  }
}

.menu-activities {
  margin: 0;
  padding: 0;
}

.menu-activities li {
  padding: 0.5em;
}

.stream-activity--follow .stream-activity__header {
  flex: 1;
  margin-right: auto;
}

.stream-activity--follow .stream-activity__body {
  flex: 0;
  padding: 1em;
}

.stream-activity--follow .stream-activity__body .avatar {
  border: 1px solid #edeceb;
}

.stream-activity--follow .stream-activity__body .profile-card {
  display: none;
  border-top: 1px solid #edeceb;
  padding: 1em 0 0 1em;
}

.stream-activity--follow .stream-activity__body .profile-card:first-child {
  display: block;
}

.stream-activity--follow .profile-card + .profile-card {
  margin-top: 1em;
}

.stream-activity--comment .comment__body {
  font-size: 1.125em;
}

.stream-activity--comment .comment__content--replies,
.stream-activity--comment .comment-container .edit__form,
.stream-activity--comment .comment-caption-container .edit__form {
  padding-left: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-activity--comment .card-details .profile-card__top {
    display: none;
  }
}

.stream-activity--product_rec .activity-actor .avatar {
  background-image: url(https://graph.facebook.com/629547323852905/picture?width=100&height=100) !important;
}

.profile .stream-activity--product_rec {
  display: none;
}

.stream-activity--start_cf .activity-actor .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stream-activity--start_cf .activity-actor .avatar:before {
  font-family: 'betabrand';
  content: "";
  font-size: 2em;
}

.stream-activity--new_submission .activity-actor .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stream-activity--new_submission .activity-actor .avatar:before {
  font-family: 'betabrand';
  content: "";
  font-size: 2em;
}

.stream-activity--new_product_release .activity-actor .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stream-activity--new_product_release .activity-actor .avatar:before {
  font-family: 'betabrand';
  content: "";
  font-size: 2em;
}

.stream-activity--new_product_release .activity-actor .avatar,
.stream-activity--new_submission .activity-actor .avatar,
.stream-activity--graduate_cf .activity-actor .avatar,
.stream-activity--start_cf .activity-actor .avatar {
  background: #fff;
  background-image: none !important;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stream-activity--new_product_release .activity-actor .avatar img,
.stream-activity--new_submission .activity-actor .avatar img,
.stream-activity--graduate_cf .activity-actor .avatar img,
.stream-activity--start_cf .activity-actor .avatar img {
  display: none;
}

.stream-activity--new_product_release .activity-actor .avatar:before,
.stream-activity--new_submission .activity-actor .avatar:before,
.stream-activity--graduate_cf .activity-actor .avatar:before,
.stream-activity--start_cf .activity-actor .avatar:before {
  font-family: 'betabrand';
  content: "";
  font-size: 2em;
}

.stream-activity--fail_cf .activity-actor .avatar {
  background: #fff;
  background-image: none !important;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stream-activity--fail_cf .activity-actor .avatar img {
  display: none;
}

.stream-activity--fail_cf .activity-actor .avatar:before {
  font-family: 'FontAwesome';
  content: '\f05e';
  font-size: 2em;
}

.stream-activity--new_poll .stream-activity__body .poll {
  margin: 1em;
}

.stream-activity--update_form {
  margin-bottom: 2em;
}

.stream-activity--update_form .widget {
  background: none;
  border: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-activity--update_form > .profile-card {
    display: none;
  }
}

.stream-activity--post hr {
  border-top: 1px solid #edeceb;
}

.stream-activity__footer {
  border-top: 1px solid #f4f4f3;
}

.stream-activity__footer .footer-button {
  padding: 1em 1em 1em 0;
  display: inline-block;
}

.stream-activity__footer .footer-button:first-child {
  padding-left: 1em;
}

.stream-activity__footer .footer-button:hover {
  color: #4c8226;
}

.stream-activity__footer .production-actions {
  display: inline-block;
}

.stream-activity__footer .vote-count {
  margin-right: 1em;
}

.stream-activity__footer i.fa {
  font-size: 15px;
}

.stream-activity__footer .vote-button {
  font-size: 15px;
}

.stream-activity__footer .add-a-comment-link {
  text-align: center;
  width: 100%;
  background-color: #f7f6f6;
}

.stream-activity__footer .comments-wrapper {
  display: none;
  padding: 0;
  background-color: #f7f6f6;
}

.stream-activity__footer .comments-wrapper .tabs {
  display: none;
}

.stream-activity__footer .comments-wrapper .comment-container:first-child, .stream-activity__footer .comments-wrapper .comment-caption-container:first-child {
  border-top: none;
}

.stream-activity__footer .comments-wrapper .comment-commenter .avatar {
  left: 10px;
  width: 1.5625em;
  height: 1.5625em;
}

.stream-activity__footer .comments-wrapper .comment-upvote {
  top: 30px;
  left: 13px;
}

.stream-activity__footer .comments-wrapper .field-container {
  margin: 0;
  margin-top: 1em;
}

.stream-activity__footer .comments-wrapper .field-container:first-child {
  margin-top: 0;
}

.stream-activity__footer .comments-wrapper .new-comment__textbox {
  min-height: 4em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-activity__footer .comments-wrapper {
    padding: 0.75em;
  }
}

@media screen and (min-width: 768px) {
  .stream-activity__footer .comments-wrapper {
    padding: 1em;
  }
}

.stream-activity__footer.show-comments .comments-wrapper {
  display: block;
}

.stream-activity__footer .button.button-outline.comments-load-more, .stream-activity__footer .poll__answers .list .comments-load-more.poll__answer, .poll__answers .list .stream-activity__footer .comments-load-more.poll__answer,
.stream-activity__footer .button.button-outline.comments-load-more:hover,
.stream-activity__footer .poll__answers .list .comments-load-more.poll__answer:hover,
.poll__answers .list .stream-activity__footer .comments-load-more.poll__answer:hover,
.stream-activity__footer .button.button-outline.comments-load-more:focus,
.stream-activity__footer .poll__answers .list .comments-load-more.poll__answer:focus,
.poll__answers .list .stream-activity__footer .comments-load-more.poll__answer:focus {
  background-color: transparent;
  color: #4c8226;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
}

.stream-activity__footer .comment-content-replies .comment-content-replies {
  margin-left: -3em;
}

.sidebar {
  max-width: 30em;
}

.sidebar .profile-card {
  justify-content: center;
  margin-bottom: 0.5em;
}

.sidebar .meta-data-container {
  margin-bottom: 0.5em;
}

.sidebar-widget {
  background-color: #fff;
  border: 1px solid #edeceb;
  display: block;
  overflow: hidden;
}

.sidebar-widget.sidebar-widget--padded {
  padding: 1em;
}

.sidebar-widget + .sidebar-widget {
  margin-top: 1em;
}

.sidebar-widget :last-child {
  margin-bottom: 0;
}

.stream-loading {
  text-align: center;
  width: 100%;
  margin: 1em 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .stream-loading {
    text-align: center;
  }
  .stream-loading button {
    width: 100%;
    display: block;
    text-align: center;
  }
}

.stream-edit-actions {
  text-align: right;
  padding-top: 0.5em;
}

/* Special stream loading sections. */
.activity-on, .stream-activities--list.show-products .activity-product_rec,
.stream-activities--list.show-products .activity-fail_cf, .stream-activities--list.show-ideas .stream-activity--new_poll,
.stream-activities--list.show-ideas .stream-activity--vote, .stream-activities--list.show-projects .stream-activity--vote, .stream-activities--list.show-people .activity-follow,
.stream-activities--list.show-people .activity-mc_photo_upload {
  display: inline-block !important;
}

.stream-activities--list.show-products .stream-activity-item, .stream-activities--list.show-ideas .stream-activity-item, .stream-activities--list.show-projects .stream-activity-item, .stream-activities--list.show-people .stream-activity-item {
  display: none;
}

.activity-fail_cf {
  display: flex;
}

/* Stole this from products for the purpose of a test. We should generalize to this if we implement it. */
/* Not ideal, but we're testing. Yolo */
.real-time-header {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #a09995;
  display: block;
  margin-bottom: 1em;
}

.real-time-stream {
  position: relative;
  height: 100%;
}

.real-time-stream ul {
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-right: 1em;
  overflow-y: scroll;
  list-style-type: none;
}

.real-time-stream ul.single {
  max-height: 3em;
  height: 3em;
}

.real-time-stream .h5, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines, .real-time-stream .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .real-time-stream .product-card-name, .real-time-stream #story h5, #story .real-time-stream h5, .real-time-stream .filters .section-header, .filters .real-time-stream .section-header,
.real-time-stream .sorters .section-header, .sorters .real-time-stream .section-header, .real-time-stream .chat-notification__title {
  font-size: 0.9em;
  margin: 0;
}

.real-time-stream .feed-empty {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  top: 50%;
}

.real-time-stream .real-time-stream--activity {
  transform: translate3d(0, -25%, 0);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  opacity: 0;
  max-height: 0;
}

.real-time-stream .real-time-stream--activity.single {
  position: absolute;
  top: -100px;
}

.real-time-stream .real-time-stream--activity.single.last-shown {
  top: 100px;
  transition: all 0.4s linear;
}

.real-time-stream .real-time-stream--activity.show {
  transition: all 0.4s linear;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  max-height: 100px;
}

.real-time-stream .real-time-stream--activity.show.single {
  top: 0;
}

.real-time-stream--activity {
  display: flex;
  padding: 1em 0;
}

.real-time-stream--activity .avatar {
  width: 2.5em;
  height: 2.5em;
  margin-left: 1em;
}

.real-time-stream--activity header {
  margin-left: 1em;
}

.real-time-stream--activity + .real-time-stream--activity {
  border-top: 1px solid #f4f4f3;
}

.real-time-stream--activity + .real-time-stream--activity.single {
  border-top: 0;
}

/* Morphing grid for desktop test. */
.morphing-grid-test .stream-activity__header {
  padding: 1em;
  padding-left: 4.6875em;
}

.morphing-grid-test .activity-actor {
  position: absolute;
  left: 1.125em;
  top: 1.25em;
}

.morphing-grid-test .stream-activity-item + .stream-activity-item {
  margin-top: 0;
}

.morphing-grid-test .stream-activity-item {
  display: inline-block;
  margin-top: 0;
  overflow: hidden;
}

.styleguide .row {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.styleguide .row::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 1473px) {
  .styleguide .row {
    padding: 0;
  }
}

.styleguide-section {
  margin-bottom: 4em;
}

.styleguide-section::after {
  clear: both;
  content: '';
  display: table;
}

.styleguide-section__intro img {
  display: block;
  margin: 0 auto;
  order: 2;
}

@media screen and (min-width: 768px) {
  .styleguide-section__intro {
    display: flex;
  }
}

.styleguide-section__intro-content {
  margin-top: 3em;
  order: 1;
}

@media screen and (min-width: 768px) {
  .styleguide-section__intro-content {
    margin-top: 0;
    margin-right: 3em;
  }
}

.styleguide-header {
  border-bottom: 4px solid #e8e7e6;
  padding-bottom: 0.33333em;
  margin: 0 0 2em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.image-drag-area {
  position: relative;
}

.image-drag-hint {
  position: absolute;
  right: 3em;
  top: 1em;
  text-align: center;
  color: #a09995;
}

.image-drag-hint i {
  font-size: 2em;
  color: #a09995;
  margin-bottom: 0.25em;
}

.page-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 6.375em;
  bottom: 0;
  background-size: cover;
  background-position: center;
  width: 100vw;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .page-cover {
    top: 6.375em;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-cover {
    top: 7.375em;
  }
}

.page-cover .page-cover__content {
  max-width: 50%;
  background-color: #fff;
  padding: 2em;
}

.page-cover .page-cover__content :last-child {
  margin-bottom: 0;
}

.page-cover--pattern,
.page-cover--image {
  position: fixed;
  left: 0;
  right: 0;
  top: 6.375em;
  bottom: 0;
  width: 100vw;
  max-width: 100%;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .page-cover--pattern,
  .page-cover--image {
    top: 6.375em;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-cover--pattern,
  .page-cover--image {
    top: 7.375em;
  }
}

.page-cover--image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-cover--top__content {
  padding: 1em;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.13);
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .page-cover--top__content {
    padding: 3em;
  }
}

.page-cover--top__content > :last-child {
  margin-bottom: 0;
}

.view-port {
  min-height: calc(100vh - 110px);
}

@media screen and (min-width: 64em) and (orientation: landscape) {
  .page--split {
    display: flex;
  }
}

.page--split .page--split--left {
  flex: 1 1 50%;
}

.page--split .page--split--right {
  flex: 1 1 50%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.page--split .page--split__content {
  padding: 1em;
}

@media screen and (min-width: 64em) and (orientation: landscape) {
  .page--split .page--split__content {
    padding: 3em;
  }
}

.page--split .page--split__image {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.video-page {
  margin-top: 0;
  padding-top: 35px;
}

.video-page .video-container {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  clear: both;
}

.video-page .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: #333;
  background: #fff;
  height: 100%;
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  body {
    font-size: 87.5%;
  }
}

body.has-cart, body.is-overflow-hidden-position-fixed {
  overflow: hidden !important;
  position: fixed !important;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  body.has-mobile-filters {
    overflow: hidden;
    position: fixed;
  }
}

body.is-footer-hidden #footer {
  display: none;
}

body.hide-attentive-overlay #attentive_overlay {
  visibility: hidden;
}

.page {
  position: relative;
  transition: opacity 0.25s ease-in-out;
}

.mobile__menu-open .page {
  transform: translateX(250px);
  overflow: hidden;
  pointer-events: none;
}

main {
  opacity: 1;
  width: 100vw;
  max-width: 100%;
  transition: opacity 0.25s ease-in-out;
  min-height: calc(100vh - 110px);
}

.mobile__menu-open main {
  opacity: 0.3;
  cursor: pointer;
  overflow: hidden;
}

.mobile__menu-open main .page-view {
  pointer-events: none;
}

.cart__open main .page-view {
  pointer-events: none;
}

main .page-view {
  min-height: inherit;
  height: 100%;
}

.cms-page main {
  min-height: auto;
}

.page-view {
  background-color: white;
}

.page-overlay {
  z-index: 49;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  transition: opacity 0.25s ease-in;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
}

.page-overlay.is-dark {
  background-color: #000;
}

.page-overlay.is-active {
  opacity: 0.5;
  cursor: pointer;
  visibility: visible;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .tablet-down-page-overlay {
    z-index: 49;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    opacity: 0.5;
    cursor: pointer;
  }
}

[mobile-show-hide] {
  pointer-events: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  [mobile-show-hide] {
    pointer-events: all;
    cursor: pointer;
  }
  [mobile-show-hide]:after {
    font-family: FontAwesome;
    content: '\f068';
    float: right;
  }
  [mobile-show-hide].collapsed:after {
    content: '\f067';
  }
}

.bbadmin--live-event .columns {
  max-width: none;
}

.bbadmin--live-event .featured-product__container {
  display: flex;
  flex-wrap: wrap;
}

.bbadmin--live-event .featured-product__container .chat-product--wrapper {
  display: inline-block;
  margin-right: 0.5em;
  margin-top: 0.5em;
  width: 32%;
  max-width: 32%;
}

.bbadmin--live-event .featured-product__container .chat-product--wrapper .chat-product--delete {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 0.5em;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  transition: background 100ms ease-in;
}

.bbadmin--live-event .featured-product__container .chat-product--wrapper .chat-product--delete:hover {
  background-color: #cd3b6b;
  color: white;
}

.bbadmin--live-event .featured-product__container .chat-product--wrapper .chat-product {
  border: 1px solid #f4f4f3;
  max-width: 25em;
  pointer-events: none;
}

.bbadmin--live-event .featured-product__container .chat-product--wrapper .chat-product.live-launch__product .product-bar__product-name {
  max-height: none;
}

.bbadmin--live-event .live-event__results-list {
  position: absolute;
  height: 8.5em;
  z-index: 2;
  background-color: #f7f6f6;
  border: 1px solid #f4f4f3;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  overflow-y: scroll;
}

.bbadmin--live-event .live-event__results-list .results-list__item:hover {
  color: #fff;
  background-color: #333;
}

.bbadmin--live-event .live-event__results-list.ng-hide {
  transition: opacity 300ms ease;
  transition-delay: 300ms;
  opacity: 0;
}

.live-event-admin-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 0px) {
  .live-event-admin-chat {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) {
  .live-event-admin-chat {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) {
  .live-event-admin-chat {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .live-event-admin-chat,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .live-event-admin-chat,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .live-event-admin-chat,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat {
    height: calc( 100vh - 8.6875em);
  }
}

.live-event-admin-chat .hide-purchases .chat-message--activity,
.live-event-admin-chat .hide-purchases #chat-message-- {
  display: none !important;
}

.live-event-admin-chat .event-form__error {
  display: none;
}

.live-event-admin-chat .error .event-form__error {
  display: inline;
}

.live-event-admin-chat .columns {
  margin-left: 0;
}

.live-event-admin-chat .live-admin-chat__sidebar {
  background-color: #f4f4f3;
}

.live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav {
  overflow-x: scroll;
  -ms-scroll-snap-type: proximity;
      scroll-snap-type: proximity;
  display: flex;
  font-size: 0.8rem;
}

.live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav-button {
  display: inline-block;
  padding: 1em;
  color: #807873;
  text-align: left;
  scroll-snap-align: start;
  text-align: center;
  white-space: nowrap;
  flex: 1;
  transition: background 100ms ease-out;
}

.live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav-button:hover {
  background-color: #f4f4f3;
  color: #68615d;
}

.live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav-button.is-selected {
  color: #cd3b6b;
  font-weight: bold;
  background-color: #fff;
  border-top: 4px solid #cd3b6b;
}

.live-event-admin-chat .live-admin-chat__actionbar {
  padding: 0.5em;
  background-color: #fff;
  position: relative;
  width: 100%;
  border-right: 1px solid #edeceb;
  transition: all 200ms ease-in;
}

@media screen and (min-width: 0px) {
  .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) {
  .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) {
  .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar {
    height: calc( 100vh - 8.6875em);
  }
}

.live-event-admin-chat .live-admin-chat__actionbar.ng-hide {
  transform: translateY(100%);
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat__search {
  display: block;
  margin-bottom: 0.5em;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-featured-products {
  flex: 1;
  padding-top: 0 0.5em;
  overflow: scroll;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-featured-products .admin-chat-product .product-bar__product-name {
  max-height: none;
  overflow: auto;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-featured-products .is-selected {
  border-left: 4px solid #cd3b6b;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .product-results {
  border-bottom: 1px solid #e8e7e6;
  margin-bottom: 1em;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-selected-product {
  flex: 1;
  background-color: #fff;
  padding-top: 0.5em;
  border-top: 1px solid #e8e7e6;
  transition: transform 100ms ease-out;
  position: relative;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-selected-product.ng-hide {
  transform: translateY(100%);
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .admin-chat-selected-product .betabrand-close {
  position: absolute;
  top: 1em;
  right: 0.5em;
  font-size: 1.2rem;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__product-list .button--copy-product-code:active {
  background-color: #333;
  color: #fff;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 0px) {
  .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) {
  .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) {
  .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list {
    height: calc( 100vh - 8.6875em);
  }
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users {
  overflow: scroll;
  flex: 1;
  padding-left: 5px;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users .user-list__user {
  padding-top: 1em;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users .user-list__user .user {
  position: relative;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users .user-list__user .user .avatar-badge {
  position: absolute;
  left: -0.25em;
  top: -0.5em;
  height: 1em;
  width: 1em;
  background-color: #ddff3c;
  background-image: url(/angular/src/images/bb.svg);
  background-size: 75% 75%;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border-radius: 100%;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users .user-list__user .user .avatar-badge--repeat {
  background-color: #cd3b6b;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-event-admin-chat .live-admin-chat__actionbar .admin-chat__user-list .user-list-users .user-list__user .user .avatar-badge--repeat i {
  font-size: 0.6em;
}

.live-event-admin-chat .live-admin-chat__actionbar .chat-message.acknowledged {
  opacity: 0.25;
}

.live-event-admin-chat .live-admin-chat__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__host-chat,
.live-event-admin-chat .live-admin-chat__main .admin-chat__public-chat {
  flex: 1;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__public-chat {
  border-right: 1px solid #e8e7e6;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__public-chat .chat-message {
  transition: background 500ms ease;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__public-chat .chat-message:hover {
  background-color: #f7f6f6;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__host-chat .chat-message--is-important {
  background-color: #e8d6cb;
  padding: 1rem;
}

.live-event-admin-chat .live-admin-chat__main .admin-chat__host-chat .chat-message--is-important .message {
  font-weight: bold;
  font-size: 1.25em;
  margin: 3rem 0;
}

.live-event-admin-chat .live-admin-chat__main .chat__header .close {
  display: none;
}

.live-event-admin-chat .live-admin-chat__main .floating-button--unmute {
  display: none;
}

.live-event-admin-chat .live-admin-chat__main .live-launch__product-bar {
  display: none;
}

.live-event-admin-chat .live-admin-chat__main .input-button--settings {
  display: none !important;
}

.live-event-admin-chat .live-admin-chat__channel-toggles {
  width: 100%;
  display: flex;
  background-color: #f7f6f6;
  border-top: 1px solid #e8e7e6;
}

.live-event-admin-chat .live-admin-chat__channel-toggles .button, .live-event-admin-chat .live-admin-chat__channel-toggles .poll__answers .list .poll__answer, .poll__answers .list .live-event-admin-chat .live-admin-chat__channel-toggles .poll__answer {
  flex: 1;
  border: 0;
  color: #a09995;
}

.live-event-admin-chat .live-admin-chat__channel-toggles .button.active, .live-event-admin-chat .live-admin-chat__channel-toggles .poll__answers .list .active.poll__answer, .poll__answers .list .live-event-admin-chat .live-admin-chat__channel-toggles .active.poll__answer {
  font-weight: bold;
  background-color: #cd3b6b;
  color: #fff;
}

.live-event-admin-chat .live-admin-chat__channel-toggles .button:first-child, .live-event-admin-chat .live-admin-chat__channel-toggles .poll__answers .list .poll__answer:first-child, .poll__answers .list .live-event-admin-chat .live-admin-chat__channel-toggles .poll__answer:first-child {
  border-right-width: 0;
}

.live-event-admin-chat .live-admin-chat__stage-wrapper {
  height: 100%;
  flex: 1;
  background-color: #a09995;
  resize: vertical;
  overflow: auto;
}

.live-event-admin-chat .live-admin-chat__stage-wrapper .live-launch__stage-outer {
  padding-bottom: 0;
  height: 100%;
}

.live-event-admin-chat .live-admin-chat__product-bar-wrapper .product-bar__header {
  position: static;
  display: block;
  width: auto;
}

.live-event-admin-chat .live-admin-chat__chat-wrapper {
  display: flex;
  height: 100%;
}

.live-event-admin-chat .no-channels-selected {
  margin: auto;
}

@media screen and (min-width: 768px) {
  .live-event-admin-chat {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .live-event-admin-chat .live-admin-chat__sidebar {
    display: block;
    width: 15vw;
    min-width: 15em;
    z-index: 1;
  }
  .live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav {
    display: block;
    font-size: 1rem;
    overflow-x: auto;
  }
  .live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav .admin-chat__nav-button {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.8rem;
  }
  .live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav .admin-chat__nav-button.is-selected {
    border-left: 4px solid #cd3b6b;
    border-top: none;
  }
  .live-event-admin-chat .live-admin-chat__sidebar .admin-chat__nav .admin-chat__nav-button .nav-button-count {
    float: right;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-event-admin-chat .live-admin-chat__main,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-event-admin-chat .live-admin-chat__main {
    height: calc( 100vh - 8.6875em);
  }
}

@media screen and (min-width: 768px) {
  .live-event-admin-chat .live-admin-chat__actionbar {
    width: 20em;
    transition: transform 100ms ease-out, opacity 50ms ease-out;
  }
  .live-event-admin-chat .live-admin-chat__actionbar.ng-hide {
    opacity: 0;
    transform: translateX(-100%);
  }
  .live-event-admin-chat .live-launch__chat .chat__header .chat-header__title {
    display: block;
    padding: 0.5em;
  }
  .live-event-admin-chat .live-admin-chat__channel-toggles {
    position: absolute;
    top: 2em;
    right: 2em;
    width: auto;
    z-index: 3;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 50em;
    overflow: hidden;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .live-event-admin-chat .channel-toggle--video {
    display: none !important;
  }
}

.bbadmin {
  max-width: 95vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
  padding: 1em;
}

.bbadmin::after {
  clear: both;
  content: '';
  display: table;
}

.bbadmin .page-columns {
  max-width: 95vw;
}

@media screen and (min-width: 768px) {
  .bbadmin {
    padding: 1em 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .bbadmin {
    padding: 2em 0;
  }
}

.bbadmin .sorters h5,
.bbadmin .filters h5 {
  border-bottom: 4px solid #edeceb;
  display: inline-block;
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
}

h1[contenteditable] {
  border-bottom: 2px solid transparent;
}

h1[contenteditable]:focus {
  outline: 0;
  border-color: #333;
}

.admin-sidebar .link.h3, .admin-sidebar .comment-body a.h3, .comment-body .admin-sidebar a.h3, .admin-sidebar .comment-body .h3.read-more-button, .comment-body .admin-sidebar .h3.read-more-button, .admin-sidebar .comment-body #story h3.read-more-button, .comment-body #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .comment-body h3.read-more-button, #story .comment-body .admin-sidebar h3.read-more-button, .admin-sidebar .comment-body .out-of-stock__modal .out-of-stock-form .read-more-button.out-of-stock__modal--label, .comment-body .out-of-stock__modal .out-of-stock-form .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .comment-body .read-more-button.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .comment-body .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .comment-body .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .comment-body .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .comment-body a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .comment-body .admin-sidebar a.out-of-stock__modal--label,
.admin-sidebar .comment-header a.h3, .comment-header .admin-sidebar a.h3, .admin-sidebar .comment-header .h3.read-more-button, .comment-header .admin-sidebar .h3.read-more-button, .admin-sidebar .comment-header #story h3.read-more-button, .comment-header #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .comment-header h3.read-more-button, #story .comment-header .admin-sidebar h3.read-more-button, .admin-sidebar .comment-header .out-of-stock__modal .out-of-stock-form .read-more-button.out-of-stock__modal--label, .comment-header .out-of-stock__modal .out-of-stock-form .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .comment-header .read-more-button.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .comment-header .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .comment-header .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .comment-header .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .comment-header a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .comment-header .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .profile-card__bottom.profile-card__bottom--bio a.h3, .profile-card__bottom.profile-card__bottom--bio .admin-sidebar a.h3, .admin-sidebar .profile-card__bottom.profile-card__bottom--bio .h3.read-more-button, .profile-card__bottom.profile-card__bottom--bio .admin-sidebar .h3.read-more-button, .admin-sidebar .profile-card__bottom.profile-card__bottom--bio #story h3.read-more-button, .profile-card__bottom.profile-card__bottom--bio #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .profile-card__bottom.profile-card__bottom--bio h3.read-more-button, #story .profile-card__bottom.profile-card__bottom--bio .admin-sidebar h3.read-more-button, .admin-sidebar .profile-card__bottom.profile-card__bottom--bio .out-of-stock__modal .out-of-stock-form .read-more-button.out-of-stock__modal--label, .profile-card__bottom.profile-card__bottom--bio .out-of-stock__modal .out-of-stock-form .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .profile-card__bottom.profile-card__bottom--bio .read-more-button.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .profile-card__bottom.profile-card__bottom--bio .admin-sidebar .read-more-button.out-of-stock__modal--label, .admin-sidebar .profile-card__bottom.profile-card__bottom--bio .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .profile-card__bottom.profile-card__bottom--bio .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .profile-card__bottom.profile-card__bottom--bio a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .profile-card__bottom.profile-card__bottom--bio .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar #story h3.link, #story .admin-sidebar h3.link, .admin-sidebar #story .main-nav__cart h3.menu-button, #story .main-nav__cart .admin-sidebar h3.menu-button, .admin-sidebar .main-nav__cart #story h3.menu-button, .main-nav__cart #story .admin-sidebar h3.menu-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .link.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .admin-sidebar .link.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .h5 a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .h5 .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .h5 .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .product-card--design-idea .product-card-name a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .product-card--design-idea .product-card-name .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .product-card .product-card--design-idea .product-card-name .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .product-card .product-card--design-idea .product-card-name .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .product-card .product-card--design-idea .real-time-stream .product-card-name a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .product-card .product-card--design-idea .real-time-stream .product-card-name .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .product-card .product-card--design-idea .real-time-stream .product-card-name .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .product-card .product-card--design-idea .real-time-stream .product-card-name .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream #story h5 a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream #story h5 .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream #story h5 .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream #story h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form #story .real-time-stream h5 a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form #story .real-time-stream h5 .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar #story .real-time-stream h5 .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, #story .real-time-stream h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .filters .section-header a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .filters .section-header .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .filters .section-header .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .filters .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .filters .real-time-stream .section-header a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .filters .real-time-stream .section-header .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .filters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .filters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .sorters .section-header a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .sorters .section-header .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .sorters .section-header .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .sorters .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .sorters .real-time-stream .section-header a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .sorters .real-time-stream .section-header .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .sorters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .sorters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .chat-notification__title a.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .real-time-stream .chat-notification__title .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .real-time-stream .chat-notification__title .out-of-stock__modal .out-of-stock-form a.out-of-stock__modal--label, .real-time-stream .chat-notification__title .out-of-stock__modal .out-of-stock-form .admin-sidebar a.out-of-stock__modal--label, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .h5 .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .h5 .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .h5 .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .product-card--design-idea .product-card-name .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .product-card .product-card--design-idea .product-card-name .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .product-card .product-card--design-idea .product-card-name .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .product-card .product-card--design-idea .real-time-stream .product-card-name .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .product-card .product-card--design-idea .real-time-stream .product-card-name .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .product-card .product-card--design-idea .real-time-stream .product-card-name .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream #story h5 .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream #story h5 .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream #story h5 .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream #story h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form #story .real-time-stream h5 .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form #story .real-time-stream h5 .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar #story .real-time-stream h5 .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, #story .real-time-stream h5 .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .filters .section-header .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .filters .section-header .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .filters .section-header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .filters .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .filters .real-time-stream .section-header .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .filters .real-time-stream .section-header .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .filters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .filters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .sorters .section-header .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .sorters .section-header .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .sorters .section-header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .sorters .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .sorters .real-time-stream .section-header .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .sorters .real-time-stream .section-header .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .sorters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .sorters .real-time-stream .section-header .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .real-time-stream .chat-notification__title .out-of-stock__modal--label.read-more-button, .out-of-stock__modal .out-of-stock-form .real-time-stream .chat-notification__title .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .real-time-stream .chat-notification__title .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.read-more-button, .real-time-stream .chat-notification__title .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.read-more-button, .admin-sidebar .out-of-stock__modal .out-of-stock-form .main-nav__cart .out-of-stock__modal--label.menu-button, .out-of-stock__modal .out-of-stock-form .main-nav__cart .admin-sidebar .out-of-stock__modal--label.menu-button, .admin-sidebar .main-nav__cart .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label.menu-button, .main-nav__cart .out-of-stock__modal .out-of-stock-form .admin-sidebar .out-of-stock__modal--label.menu-button, .admin-sidebar .real-time-stream .h5 a.h3, .real-time-stream .h5 .admin-sidebar a.h3, .admin-sidebar .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a.h3, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .admin-sidebar a.h3, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a.h3, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .admin-sidebar a.h3, .admin-sidebar .real-time-stream .product-card .product-card--design-idea .product-card-name a.h3, .real-time-stream .product-card .product-card--design-idea .product-card-name .admin-sidebar a.h3, .admin-sidebar .product-card .product-card--design-idea .real-time-stream .product-card-name a.h3, .product-card .product-card--design-idea .real-time-stream .product-card-name .admin-sidebar a.h3, .admin-sidebar .real-time-stream #story h5 a.h3, .real-time-stream #story h5 .admin-sidebar a.h3, .admin-sidebar #story .real-time-stream h5 a.h3, #story .real-time-stream h5 .admin-sidebar a.h3, .admin-sidebar .real-time-stream .filters .section-header a.h3, .real-time-stream .filters .section-header .admin-sidebar a.h3, .admin-sidebar .filters .real-time-stream .section-header a.h3, .filters .real-time-stream .section-header .admin-sidebar a.h3, .admin-sidebar .real-time-stream .sorters .section-header a.h3, .real-time-stream .sorters .section-header .admin-sidebar a.h3, .admin-sidebar .sorters .real-time-stream .section-header a.h3, .sorters .real-time-stream .section-header .admin-sidebar a.h3, .admin-sidebar .real-time-stream .chat-notification__title a.h3, .real-time-stream .chat-notification__title .admin-sidebar a.h3, .admin-sidebar .real-time-stream .h5 .h3.read-more-button, .real-time-stream .h5 .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .h3.read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .admin-sidebar .h3.read-more-button, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .h3.read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .product-card .product-card--design-idea .product-card-name .h3.read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .admin-sidebar .h3.read-more-button, .admin-sidebar .product-card .product-card--design-idea .real-time-stream .product-card-name .h3.read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream #story h5 .h3.read-more-button, .real-time-stream #story h5 .admin-sidebar .h3.read-more-button, .admin-sidebar #story .real-time-stream h5 .h3.read-more-button, #story .real-time-stream h5 .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .filters .section-header .h3.read-more-button, .real-time-stream .filters .section-header .admin-sidebar .h3.read-more-button, .admin-sidebar .filters .real-time-stream .section-header .h3.read-more-button, .filters .real-time-stream .section-header .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .sorters .section-header .h3.read-more-button, .real-time-stream .sorters .section-header .admin-sidebar .h3.read-more-button, .admin-sidebar .sorters .real-time-stream .section-header .h3.read-more-button, .sorters .real-time-stream .section-header .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .chat-notification__title .h3.read-more-button, .real-time-stream .chat-notification__title .admin-sidebar .h3.read-more-button, .admin-sidebar .real-time-stream .h5 #story h3.read-more-button, .real-time-stream .h5 #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .h5 h3.read-more-button, #story .real-time-stream .h5 .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines #story h3.read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines h3.read-more-button, #story .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .admin-sidebar h3.read-more-button, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines #story h3.read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines h3.read-more-button, #story .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream .product-card .product-card--design-idea .product-card-name #story h3.read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .product-card .product-card--design-idea .product-card-name h3.read-more-button, #story .real-time-stream .product-card .product-card--design-idea .product-card-name .admin-sidebar h3.read-more-button, .admin-sidebar .product-card .product-card--design-idea .real-time-stream .product-card-name #story h3.read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .product-card .product-card--design-idea .real-time-stream .product-card-name h3.read-more-button, #story .product-card .product-card--design-idea .real-time-stream .product-card-name .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream #story h5 h3.read-more-button, .real-time-stream #story h5 .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream h5 h3.read-more-button, #story .real-time-stream h5 .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream .filters .section-header #story h3.read-more-button, .real-time-stream .filters .section-header #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .filters .section-header h3.read-more-button, #story .real-time-stream .filters .section-header .admin-sidebar h3.read-more-button, .admin-sidebar .filters .real-time-stream .section-header #story h3.read-more-button, .filters .real-time-stream .section-header #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .filters .real-time-stream .section-header h3.read-more-button, #story .filters .real-time-stream .section-header .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream .sorters .section-header #story h3.read-more-button, .real-time-stream .sorters .section-header #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .sorters .section-header h3.read-more-button, #story .real-time-stream .sorters .section-header .admin-sidebar h3.read-more-button, .admin-sidebar .sorters .real-time-stream .section-header #story h3.read-more-button, .sorters .real-time-stream .section-header #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .sorters .real-time-stream .section-header h3.read-more-button, #story .sorters .real-time-stream .section-header .admin-sidebar h3.read-more-button, .admin-sidebar .real-time-stream .chat-notification__title #story h3.read-more-button, .real-time-stream .chat-notification__title #story .admin-sidebar h3.read-more-button, .admin-sidebar #story .real-time-stream .chat-notification__title h3.read-more-button, #story .real-time-stream .chat-notification__title .admin-sidebar h3.read-more-button, .admin-sidebar .main-nav__cart .h3.menu-button, .main-nav__cart .admin-sidebar .h3.menu-button {
  margin-bottom: 1em;
  margin-top: 0;
  display: inline-block;
}

.admin-sidebar .h5, .admin-sidebar .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines, .product-card .default-product-card-details .product-card-name.no-name-fragments .admin-sidebar .product-name--two-lines, .admin-sidebar .product-card .product-card--design-idea .product-card-name, .product-card .product-card--design-idea .admin-sidebar .product-card-name, .admin-sidebar #story h5, #story .admin-sidebar h5, .admin-sidebar .filters .section-header, .filters .admin-sidebar .section-header,
.admin-sidebar .sorters .section-header, .sorters .admin-sidebar .section-header, .admin-sidebar .chat-notification__title {
  margin-bottom: 0;
}

.admin-sidebar .admin-nav {
  border-top: 4px solid #edeceb;
  padding-top: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 3em;
}

.admin-table {
  background-color: #fff;
}

@media screen and (min-width: 1216px) {
  .admin-table.submissions-admin-table {
    table-layout: fixed;
  }
  .admin-table.submissions-admin-table th:nth-child(1) {
    width: 7.25em;
  }
  .admin-table.submissions-admin-table th:nth-child(2) {
    width: 13.125em;
  }
  .admin-table.submissions-admin-table th:nth-child(3) {
    width: 5em;
  }
  .admin-table.submissions-admin-table th:nth-child(4) {
    width: 11.875em;
  }
  .admin-table.submissions-admin-table th:nth-child(5) {
    width: 14.375em;
  }
  .admin-table.submissions-admin-table th:nth-child(6) {
    width: 5em;
  }
  .admin-table.submissions-admin-table th:nth-child(7) {
    width: 10em;
  }
  .admin-table.submissions-admin-table th:nth-child(8) {
    width: 8.125em;
  }
}

.admin-table .submission-image,
.admin-table .preview-image,
.admin-table .form-image {
  width: 6.25em;
  display: block;
  transition: transform 0.2s ease-in-out;
}

.admin-table .submission-image:hover,
.admin-table .preview-image:hover,
.admin-table .form-image:hover {
  transform: scale(3);
  box-shadow: 0 0 0 2px #fff;
}

.admin-table .submission-image img,
.admin-table .preview-image img,
.admin-table .form-image img {
  width: 6.25em;
}

.admin-table .button, .admin-table .poll__answers .list .poll__answer, .poll__answers .list .admin-table .poll__answer,
.admin-table button {
  display: inline-block;
}

.admin-table .button.is-active, .admin-table .poll__answers .list .is-active.poll__answer, .poll__answers .list .admin-table .is-active.poll__answer,
.admin-table button.is-active {
  color: #4c8226;
}

.submission-admin-card.card {
  background-color: #edeceb;
}

.submission-admin-card.card .card-details {
  background-color: #fff;
  padding: 1em;
}

.submission-admin-card.card .submission-actions {
  display: flex;
  align-items: center;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #edeceb;
}

.submission-admin-card.card .submission-actions .button, .submission-admin-card.card .submission-actions .poll__answers .list .poll__answer, .poll__answers .list .submission-admin-card.card .submission-actions .poll__answer {
  margin-left: auto;
}

.submission-admin-card.card .submission-actions select {
  font-size: 0.75em;
}

.table-controls {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.table-controls dir-pagination-controls,
.table-controls .pagination-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.table-controls i.fa-th-list,
.table-controls i.fa-th {
  opacity: 0.5;
  margin-left: 0.25em;
}

.table-controls i.fa-th-list.active,
.table-controls i.fa-th.active {
  opacity: 1;
}

.table-controls .table-control {
  width: 20%;
}

.table-controls .table-control:last-child {
  text-align: right;
}

.input--has-button, .live-events-collection-page .sms-form-input-container {
  position: relative;
}

.newsletter-form {
  width: 100%;
}

.newsletter-form .page-columns {
  padding: 0;
  max-width: 100%;
  margin-bottom: 0;
}

.newsletter-form .page-column--left {
  padding-right: 0;
}

.newsletter-controls {
  height: 106vh;
  overflow: scroll;
  background-color: #807873;
  background-color: #333;
  padding: 2em;
}

.newsletter-controls label {
  color: #edeceb;
  color: #fff;
}

.newsletter-signup-preview-area {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 7.375em);
  position: relative;
}

.newsletter-signup-preview-area .button i, .newsletter-signup-preview-area .poll__answers .list .poll__answer i, .poll__answers .list .newsletter-signup-preview-area .poll__answer i,
.newsletter-signup-preview-area button i {
  margin-top: 0.09375em;
}

.newsletter-signup-preview-area .cancel-editing {
  position: absolute;
  left: 2em;
  top: 2em;
}

.newsletter-signup-preview-area .cancel-editing .button, .newsletter-signup-preview-area .cancel-editing .poll__answers .list .poll__answer, .poll__answers .list .newsletter-signup-preview-area .cancel-editing .poll__answer {
  border-radius: 4px;
}

.newsletter-signup-preview-area .side-toggle {
  position: absolute;
  right: 2em;
  top: 2em;
}

.newsletter-signup-preview-area .device-toggle {
  position: absolute;
  right: 2em;
  top: 5.5625em;
}

.newsletter-signup-preview {
  flex: 1 0 auto;
  align-self: center;
  position: relative;
  background-color: #fff;
  padding: 2em;
  background-color: #fff;
  text-align: center;
  border: 1px solid #edeceb;
}

.newsletter-signup-preview.mobile {
  padding: 2em;
  max-width: 19.375em;
}

.newsletter-signup-preview.mobile .button-facebook {
  white-space: normal;
  line-height: 1.2;
}

.newsletter-signup-preview.tablet {
  max-width: 35em;
}

.newsletter-signup-preview.desktop {
  max-width: 35em;
}

.newsletter-options input[type='text'] {
  background-color: #545454;
  color: #f4f4f3;
  color: #fff;
  border-color: #545454;
}

.newsletter-options input[type='number'] {
  width: auto;
  margin-right: 2em;
}

.newsletter-options .flex, .newsletter-options .justify-content--flex-start,
.newsletter-options .justify-start, .newsletter-options .justify-content--flex-end,
.newsletter-options .justify-end, .newsletter-options .category-products--flex.category-products, .newsletter-options .grouped-category .grouped-products-sections .category-products, .grouped-category .grouped-products-sections .newsletter-options .category-products {
  margin-top: 0.5em;
  display: flex;
  align-items: center;
}

.newsletter-options .flex input, .newsletter-options .justify-content--flex-start input, .newsletter-options .justify-start input, .newsletter-options .justify-content--flex-end input, .newsletter-options .justify-end input, .newsletter-options .category-products--flex.category-products input, .newsletter-options .grouped-category .grouped-products-sections .category-products input, .grouped-category .grouped-products-sections .newsletter-options .category-products input {
  background-color: #948c88;
  background-color: #545454;
  color: #fff;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  height: auto;
  border-color: #68615d;
}

.newsletter-options .flex input::-webkit-inner-spin-button, .newsletter-options .justify-content--flex-start input::-webkit-inner-spin-button, .newsletter-options .justify-start input::-webkit-inner-spin-button, .newsletter-options .justify-content--flex-end input::-webkit-inner-spin-button, .newsletter-options .justify-end input::-webkit-inner-spin-button, .newsletter-options .category-products--flex.category-products input::-webkit-inner-spin-button, .newsletter-options .grouped-category .grouped-products-sections .category-products input::-webkit-inner-spin-button, .grouped-category .grouped-products-sections .newsletter-options .category-products input::-webkit-inner-spin-button {
  opacity: 0.5;
  color: #a09995;
  margin-top: 0.0625em;
}

.newsletter-options .flex label, .newsletter-options .justify-content--flex-start label, .newsletter-options .justify-start label, .newsletter-options .justify-content--flex-end label, .newsletter-options .justify-end label, .newsletter-options .category-products--flex.category-products label, .newsletter-options .grouped-category .grouped-products-sections .category-products label, .grouped-category .grouped-products-sections .newsletter-options .category-products label {
  margin-right: 0.25em;
  margin-bottom: 0;
  line-height: 1;
}

.newsletter-options .size-radio-buttons {
  display: flex;
  padding-top: 0.5em;
}

.newsletter-options .size-radio-buttons label {
  margin-right: 1em;
}

.form-checkboxes {
  margin-bottom: 1.5em;
}

.form-checkboxes::after {
  clear: both;
  content: '';
  display: table;
}

.form-checkboxes div {
  position: relative;
  float: left;
  color: #fff;
  margin-right: 1em;
  padding-left: 0.7em;
  padding-top: 0.125em;
}

.form-checkboxes label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #948c88;
  background-color: #545454;
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.form-checkboxes label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 8px;
  left: 6px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

.form-checkboxes label:hover::after {
  opacity: 0.3;
}

.form-checkboxes input[type='checkbox'] {
  visibility: hidden;
}

.form-checkboxes input[type='checkbox']:checked + label:after {
  opacity: 1;
}

.newsletter-actions {
  display: flex;
  margin-top: 1.5em;
}

.newsletter-actions .button, .newsletter-actions .poll__answers .list .poll__answer, .poll__answers .list .newsletter-actions .poll__answer {
  text-align: center;
  flex: 1 1 50%;
}

.newsletter-actions .button + .button, .newsletter-actions .poll__answers .list .poll__answer + .button, .poll__answers .list .newsletter-actions .poll__answer + .button, .newsletter-actions .poll__answers .list .button + .poll__answer, .poll__answers .list .newsletter-actions .button + .poll__answer, .newsletter-actions .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .newsletter-actions .poll__answer + .poll__answer {
  margin-left: 1.5em;
}

.experiment-header {
  display: flex;
}

.experiment-header .experiment-header-details {
  margin-left: auto;
  text-align: right;
}

.experiment-header .experiment-header-details .button-primary {
  display: inline-block;
}

.experiment-header .experiment-header-details > div + div {
  margin-top: 0.25em;
}

.mc-admin {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.mc-admin::after {
  clear: both;
  content: '';
  display: table;
}

.mc-admin .button-group .button, .mc-admin .button-group .poll__answers .list .poll__answer, .poll__answers .list .mc-admin .button-group .poll__answer {
  font-size: 0.6em;
}

.mc-admin--controls .icon-list {
  padding-left: 1em;
  display: inline-block;
  color: #a09995;
}

.mc-admin--controls .icon-list .active,
.mc-admin--controls .icon-list .active i {
  color: black;
}

.mc-admin .model-citizen-admin-card {
  position: relative;
  background-color: #fff;
  border: 1px solid #edeceb;
}

.mc-admin .model-citizen-admin-card__details {
  padding: 1em;
}

.mc-admin .model-citizen-admin-card__details--attribute i {
  margin-left: 0.2em;
}

.mc-admin .model-citizen-admin-card__details--attribute input,
.mc-admin .model-citizen-admin-card__details--attribute textarea {
  margin-bottom: 0.3em;
}

.mc-admin .model-citizen-admin-card tags-input {
  font-size: 0.8em;
}

.mc-admin .model-citizen-admin-card tags-input .tags {
  height: auto;
}

.mc-admin .model-citizen-admin-card--menu {
  position: absolute;
  text-align: right;
  top: 0;
  right: 0;
  padding: 1em;
}

.mc-admin .model-citizen-admin-card--menu .toggle-menu {
  color: #ffffff;
  opacity: 0.4;
  margin-bottom: 1em;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}

.mc-admin .model-citizen-admin-card--menu .menu-items {
  padding-top: 1em;
  opacity: 0;
  transition: opacity 0.2s;
  font-size: 0.8em;
}

.mc-admin .model-citizen-admin-card--menu .menu-items .menuitem {
  opacity: 0;
  transition: opacity 0s;
}

.mc-admin .model-citizen-admin-card--menu.open .toggle-menu {
  opacity: 1;
  color: #4c8226;
}

.mc-admin .model-citizen-admin-card--menu.open .menu-items {
  opacity: 1;
  padding: 1em;
  background-color: white;
  border: 1px solid #dcdad8;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.mc-admin .model-citizen-admin-card--menu.open .menu-items .menuitem {
  opacity: 1;
}

.mc-admin .model-citizen-admin-card:hover .toggle-menu {
  opacity: 1;
}

.user-settings-sidebar .filters-wrapper {
  display: flex;
  flex-direction: column;
}

.user-settings-sidebar .filters-wrapper .filters-gender {
  order: 0;
}

.user-settings-sidebar .filters-wrapper .filters-state {
  order: 1;
}

.user-settings-sidebar .filters-wrapper .filters-collection {
  order: 3;
}

.user-settings-sidebar .filters-wrapper .filters-contest {
  order: 4;
}

.user-settings-sidebar .filters-wrapper .filters-tag {
  order: 2;
}

.tagging-project .product-gallery {
  max-width: 100%;
}

.tagging-project .gallery-image {
  display: inline-block;
  width: 30%;
  margin: 1em;
}

.tagging-project .tag-form {
  display: flex;
}

.tagging-project .tag-group {
  display: inline-block;
  margin: 0.57143em;
}

.tagging-project .header-right {
  text-align: right;
}

.tagging-project label {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.site-nav-container {
  display: block;
}

@media screen and (min-width: 0px) {
  .site-nav-container {
    height: 6.325em;
  }
}

@media screen and (min-width: 768px) {
  .site-nav-container {
    height: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) {
  .site-nav-container {
    height: 7.325em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .site-nav-container {
    height: 8.95em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .site-nav-container {
    height: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .site-nav-container {
    height: 9.95em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .site-nav-container,
  .is-skinny-nav-hidden.two-line-skinny-nav .site-nav-container {
    height: 3.75em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .site-nav-container,
  .is-skinny-nav-hidden.two-line-skinny-nav .site-nav-container {
    height: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .site-nav-container,
  .is-skinny-nav-hidden.two-line-skinny-nav .site-nav-container {
    height: 4.75em;
  }
}

.site-nav {
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 61;
  left: 0;
  top: 0;
  will-change: top, left;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .site-nav .explore-count {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 768px) {
  .site-nav .explore-count {
    position: static;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav {
    transform: translate3d(0px, 0px, 0px);
  }
}

.has-fixed-nav .site-nav {
  position: fixed;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav.no-transform {
    transform: none;
  }
}

.skinny-nav--message-container {
  position: relative;
  line-height: 0;
}

.two-line-skinny-nav .skinny-nav--message-container {
  position: initial;
  line-height: initial;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .skinny-nav--message-container {
    width: 100%;
  }
}

.skinny-nav--message {
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .skinny-nav--message {
    left: 50%;
    transform: translateX(-50%);
  }
}

.skinny-nav--message:first-child {
  top: 0;
}

.skinny-nav--message.active {
  top: 0;
  opacity: 1;
}

.two-line-skinny-nav .skinny-nav--message.active {
  width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .two-line-skinny-nav .skinny-nav--message.active {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

.skinny-nav {
  height: 2.625em;
  line-height: 1.5;
  background-color: #437c90;
  color: white;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  overflow-y: hidden;
}

.skinny-nav .skinny-nav--left,
.skinny-nav .skinny-nav--right {
  font-size: 1.2em;
}

.skinny-nav .skinny-nav--close {
  display: none;
}

@media screen and (min-width: 768px) {
  .skinny-nav {
    display: flex;
    justify-content: space-between;
  }
}

.two-line-skinny-nav .skinny-nav {
  height: 5.25em;
  white-space: normal;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .two-line-skinny-nav .skinny-nav .skinny-nav--message-text {
    padding: 1em 0 0 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .two-line-skinny-nav .skinny-nav .skinny-nav--message-text {
    padding-left: 2em;
    width: 90%;
  }
  .two-line-skinny-nav .skinny-nav .skinny-nav--close {
    display: block;
    text-align: right;
  }
  .two-line-skinny-nav .skinny-nav .skinny-nav--close .skinny-nav--close-icon {
    padding: 0 0 1em 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .two-line-skinny-nav .skinny-nav .skinny-nav--message-text {
    padding-left: 0.5em;
  }
}

.is-skinny-nav-hidden .skinny-nav {
  color: #437c90;
  height: 0;
  transition: height 0.3s ease-out 0.5s;
}

.is-skinny-nav-hidden .skinny-nav .skinny-nav--message-text,
.is-skinny-nav-hidden .skinny-nav .skinny-nav--close-icon {
  display: none;
}

.skinny-nav--left {
  display: flex;
  align-items: center;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding-left: 0.75em;
  height: 100%;
}

.skinny-nav--left a, .skinny-nav--left .read-more-button,
.skinny-nav--left button {
  text-decoration: underline;
}

.skinny-nav--right {
  display: none;
}

@media screen and (min-width: 768px) {
  .skinny-nav--right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.75em;
  }
}

.skinny-nav--right a + a, .skinny-nav--right .read-more-button + a, .skinny-nav--right a + .read-more-button, .skinny-nav--right .read-more-button + .read-more-button,
.skinny-nav--right a + button,
.skinny-nav--right .read-more-button + button {
  margin-left: 1em;
}

.main-nav {
  background-color: #fff;
  border-bottom: 1px solid #edeceb;
  height: 3.75em;
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .main-nav {
    display: flex;
    height: 4.75em;
  }
}

.betabrand-logo-link {
  flex: 1;
  order: 1;
}

.betabrand-logo-link .header-logo {
  height: 3.75em;
  line-height: 3.75em;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.betabrand-logo-link img {
  position: relative;
  max-width: 5.25em;
  margin: auto;
  margin-bottom: 0;
}

@media screen and (min-width: 64.0625em) {
  .betabrand-logo-link img {
    margin-bottom: -1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .betabrand-logo-link {
    max-width: 8.75em;
    min-width: 8.75em;
    order: 0;
  }
  .betabrand-logo-link a, .betabrand-logo-link .read-more-button {
    line-height: 4.75em;
    height: 4.75em;
    margin: auto;
  }
}

.main-nav__menu {
  order: 0;
}

.main-nav__search {
  order: 0;
  color: #68615d;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__search {
    position: absolute;
    left: 40px;
    top: 0;
  }
  .main-nav__search form {
    width: 40px;
    height: 3.75em;
    display: flex;
  }
  .main-nav__search .search-button {
    margin: auto;
    width: 40px;
    line-height: 3.75em;
  }
  .main-nav__search .search-button i {
    color: #333;
  }
}

.main-nav__search .search-query {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .main-nav__search {
    width: 1em;
    align-self: center;
    margin-right: 0.5em;
    margin-left: auto;
  }
  .main-nav__search.t269skortsInNav {
    padding-right: 0;
  }
  .main-nav__search .search-query {
    padding-right: 2em;
  }
  .main-nav__search form {
    display: flex;
  }
  .main-nav__search .fa.fa-search {
    font-size: 1.25em;
    padding-top: 0.375em;
  }
}

@media screen and (min-width: 1216px) {
  .main-nav__search {
    width: auto;
  }
  .main-nav__search .search-query {
    display: block;
  }
  .main-nav__search .search-button {
    position: relative;
    left: -1.8em;
  }
  .main-nav__search .search-button:focus {
    color: #333;
  }
  .main-nav__search .fa.fa-search {
    font-size: initial;
    padding-top: 0;
  }
}

.main-nav__notifications,
.main-nav__notification-center {
  order: 3;
}

.main-nav__notifications i,
.main-nav__notification-center i {
  font-style: normal;
}

.main-nav__notifications .main-nav__notifications .main-nav__hover, .main-nav__notifications
.main-nav__notification-center .main-nav__hover {
  opacity: 0;
}

.main-nav__notifications .main-nav__notifications .main-nav__hover.on, .main-nav__notifications
.main-nav__notification-center .main-nav__hover.on {
  opacity: 1;
}

.main-nav__notifications .activity--thumbnail,
.main-nav__notification-center .activity--thumbnail {
  width: 100%;
  max-width: 6em;
  display: block;
  margin: 0.25em 0 0;
  clear: both;
}

.main-nav__notifications .timestamp,
.main-nav__notification-center .timestamp {
  float: left;
  clear: left;
}

.main-nav__notifications .footer-buttons,
.main-nav__notification-center .footer-buttons {
  display: none;
}

.main-nav__notifications .activity-actor,
.main-nav__notification-center .activity-actor {
  margin-top: 0.25em;
}

.main-nav__notifications .no-activity,
.main-nav__notification-center .no-activity {
  font-weight: bold;
  padding: 1em 0;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__notifications,
  .main-nav__notification-center {
    position: absolute;
    right: 80px;
    top: 0;
    width: 40px;
    height: 3.125em;
    text-align: center;
  }
  .main-nav__notifications .menu-button,
  .main-nav__notification-center .menu-button {
    margin: auto;
    height: 3.125em;
    padding: 0.5em 0.625em 1em;
  }
  .main-nav__notifications .menu-button i,
  .main-nav__notification-center .menu-button i {
    display: none;
  }
  .main-nav__notifications .menu-dropdown.menu-dropdown--notifications,
  .main-nav__notification-center .menu-dropdown.menu-dropdown--notifications {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 70vh;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    left: 0;
    right: 0;
    position: fixed;
    margin-left: 0;
    border: 1px solid #edeceb;
    border-top: none;
    padding: 0 1em;
    background-color: #fff;
    border-bottom: 4px solid #dcdad8;
  }
  .main-nav__notifications .menu-dropdown.menu-dropdown--notifications .icon-list--vertical,
  .main-nav__notification-center .menu-dropdown.menu-dropdown--notifications .icon-list--vertical {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 1.125em;
  }
  .main-nav__notifications .activity--thumbnail,
  .main-nav__notification-center .activity--thumbnail {
    max-width: 8em;
    display: block;
    margin: 0 0 0 0.5em;
    float: right;
    clear: none;
  }
  .main-nav__notifications .widget,
  .main-nav__notification-center .widget {
    padding-left: 0;
  }
}

.main-nav__account {
  order: 4;
}

.main-nav__account .account__label {
  display: none;
}

@media screen and (max-width: 1216px) {
  .main-nav__account.t269skortsInNav .menu-button {
    padding: 0;
  }
  .main-nav__account.t269skortsInNav .menu-button img {
    width: 1.5em;
  }
  .main-nav__account.t269skortsInNav span {
    display: none;
  }
  .main-nav__account.t269skortsInNav span.currency-name {
    margin-left: 0.25em;
    display: inline;
    white-space: normal;
  }
  .main-nav__account.t269skortsInNav .currency-flag {
    right: 1em;
    top: 0.75em;
    width: 100%;
    height: initial;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__account {
    position: absolute;
    right: 40px;
    top: 0;
    width: 40px;
    height: 3.125em;
    text-align: center;
  }
  .main-nav__account .menu-button {
    margin: auto;
    height: 3.125em;
    padding: 0.625em;
  }
  .main-nav__account .menu-button i {
    display: none;
  }
  .main-nav__account .menu-dropdown {
    width: 9.6em;
    left: -2.9em;
    right: 0;
    border: 1px solid #edeceb;
    border-top: none;
    padding: 1em;
    background-color: #fff;
  }
  .main-nav__account .menu-dropdown .icon-list--vertical {
    margin-left: 0;
    margin-bottom: 0;
    font-size: 1.125em;
  }
  .main-nav__account .avatar-wrapper {
    display: inline-block;
  }
  .main-nav__account .menu-item-currency-change {
    display: flex;
  }
  .main-nav__account span {
    display: none;
  }
  .main-nav__account span.currency-name {
    margin-left: 0.25em;
    display: inline;
    white-space: normal;
  }
  .main-nav__account .currency-flag {
    right: 0.5em;
    top: 0.5em;
    width: 100%;
    height: initial;
  }
}

.main-nav__account a, .main-nav__account .read-more-button {
  font-weight: bold;
}

.main-nav__account img,
.main-nav__account .avatar {
  width: 1.125em;
  height: 1.125em;
  position: relative;
  display: inline-block !important;
  vertical-align: middle;
}

@media screen and (min-width: 64.0625em) {
  .main-nav__account .menu-button > img {
    width: 1.125em;
  }
  .main-nav__account .menu-button img {
    margin-right: 0;
  }
  .main-nav__account .menu-dropdown {
    width: 7.5em;
    left: auto;
    border: 1px solid #edeceb;
    border-top: none;
    padding: 1em;
    width: 100%;
    background-color: #fff;
  }
  .main-nav__account .currency-name {
    white-space: normal;
  }
  .main-nav__account .currency-flag {
    height: initial;
  }
  .main-nav__account .currency-flag.australia {
    width: 1.75em;
  }
  .main-nav__account .currency-flag.america {
    width: 1.5em;
  }
  .main-nav__account .logged-in-user__button .currency-flag.australia {
    right: 0.5em;
    top: 0.6em;
  }
  .main-nav__account .logged-in-user__button .currency-flag.america {
    right: 0.8em;
    top: 0.75em;
  }
  .main-nav__account .logged-out-user__button .currency-flag.australia {
    right: 0.75em;
    top: 0.7em;
  }
  .main-nav__account .logged-out-user__button .currency-flag.america {
    right: 0.75em;
    top: 0.75em;
  }
}

@media screen and (min-width: 1216px) {
  .main-nav__account .menu-button img,
  .main-nav__account .avatar {
    margin-right: 0.5em;
  }
  .main-nav__account .account__label {
    display: inline;
  }
  .main-nav__account .logged-in-user__button .currency-flag.australia {
    right: 0.95em;
  }
  .main-nav__account .logged-in-user__button .currency-flag.america {
    right: 1.125em;
  }
  .main-nav__account .logged-out-user__button .currency-flag.australia {
    right: 1.25em;
  }
  .main-nav__account .logged-out-user__button .currency-flag.america {
    right: 1.25em;
  }
}

.main-nav__cart {
  order: 4;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__cart {
    position: absolute;
    right: 0;
    top: 0;
    height: 3.75em;
    width: 40px;
  }
}

.main-nav__cart .menu-button {
  line-height: 1;
  margin: auto;
  padding: 0.625em 0.5em;
  height: 3.125em;
}

.main-nav__cart .menu-button img {
  margin: 0;
  width: 1.25em;
}

.main-nav__cart .menu-button:focus {
  color: #333;
}

.main-nav__cart .menu-button span {
  position: absolute;
  right: 0.5625em;
  top: 0.5625em;
  font-size: 0.75em;
}

.main-nav__cart .menu-button .betabrand-close {
  font-size: 1em;
  color: #68615d;
}

@media screen and (min-width: 64.0625em) {
  .main-nav__cart .menu-button {
    line-height: 1;
    height: 4.75em;
    width: 3em;
    padding-left: 0;
    padding-right: 1em;
  }
  .main-nav__cart .menu-button span {
    right: 1.375em;
    top: 1.25em;
    font-size: 0.875em;
  }
}

@media screen and (min-width: 1216px) {
  .main-nav__cart .menu-button {
    width: 4.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .main-nav__cart .menu-button span {
    right: 1.8125em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__menus {
    background-color: #f4f4f3;
    overflow: auto;
    overflow-x: hidden;
    z-index: 59;
    position: relative;
    left: -324px;
    min-height: 100%;
    padding: 1em 1em 4em;
    transition: transform 0.3s ease-in-out;
    box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .main-nav__menus {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .main-nav__menus {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .main-nav__menus {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden .main-nav__menus,
  .is-skinny-nav-hidden.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden .main-nav__menus,
  .is-skinny-nav-hidden.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .main-nav__menus,
  .is-skinny-nav-hidden.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .main-nav__menus {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .main-nav__menus,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .main-nav__menus,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .main-nav__menus,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .main-nav__menus {
    height: calc( 100vh - 8.6875em);
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__menus.active {
    transform: translateX(320px);
  }
}

@media screen and (min-width: 0px) {
  .main-nav__menus {
    width: 320px;
  }
}

@media screen and (min-width: 768px) {
  .main-nav__menus {
    width: 320px;
  }
}

@media screen and (min-width: 64.0625em) {
  .main-nav__menus {
    width: auto;
    margin-right: 1em;
  }
  .main-nav__menus > nav {
    height: 4.75em;
    display: flex;
    align-items: center;
  }
}

.menu-dropdown {
  display: none;
  z-index: 60;
  position: relative;
  color: #68615d;
}

.menu-dropdown:focus {
  outline: 0;
}

.menu-dropdown small {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #a09995;
  display: block;
  margin-bottom: 1em;
}

.menu-dropdown.menu-dropdown--notifications {
  max-width: 28.4em;
  left: inherit;
  padding: 0 1em;
  margin-left: -12em;
}

@media screen and (min-width: 64.0625em) {
  .menu-dropdown.menu-dropdown--notifications {
    padding: 0 0.5em;
  }
}

.menu-dropdown.menu-dropdown--notification-center {
  background-color: #fff;
  left: inherit;
  margin-left: -200px;
  padding: 2em;
  text-align: left;
  width: 320px;
  max-height: 450px;
  overflow-y: auto;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 64.0625em) {
  .menu-dropdown.menu-dropdown--notification-center {
    padding: 1em;
    margin-left: auto;
    right: 2em;
    width: 400px;
  }
}

.main-nav__hover:hover .menu-dropdown {
  display: block;
}

.menu-dropdown .dpyp-leg-opening-dropdown {
  margin-left: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .menu-dropdown .icon-list a, .menu-dropdown .icon-list .read-more-button,
  .menu-dropdown .icon-list--grid a,
  .menu-dropdown .icon-list--grid .read-more-button {
    font-size: 1.0625em;
  }
  .menu-dropdown .icon-list--vertical a + a, .menu-dropdown .icon-list--vertical .read-more-button + a, .menu-dropdown .icon-list--vertical a + .read-more-button, .menu-dropdown .icon-list--vertical .read-more-button + .read-more-button {
    margin-top: 0.75em;
  }
  .menu-dropdown .icon-list--vertical.dpyp-leg-opening-dropdown {
    font-size: 1.25em;
  }
  .menu-dropdown .menu-dropdown--categories {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .menu-dropdown {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    font-size: 0.875em;
  }
  .menu-dropdown .icon-list--grid i {
    font-size: 3.75em;
  }
  .menu-dropdown .icon-list--vertical {
    margin-left: 1.25em;
    margin-bottom: 2em;
  }
  .menu-dropdown .menu-dropdown--collections {
    margin-top: 2em;
  }
  .menu-dropdown .menu-dropdown--products {
    display: none;
  }
}

@media screen and (min-width: 64.0625em) {
  .menu-dropdown {
    position: absolute;
    left: 0;
    top: 4.75em;
    width: 100vw;
    background-color: #fff;
    padding: 2em;
    border-bottom: 1px solid #edeceb;
    overflow-y: visible;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  }
  .menu-dropdown:after {
    content: '';
    position: fixed;
    left: 0;
    bottom: -30px;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.25s;
    z-index: 61;
    height: 30px;
    width: 100%;
  }
  
  .menu-dropdown .icon-list--grid a,
  .menu-dropdown .icon-list--grid .read-more-button {
    transition: all 0.25s ease-in-out;
    position: relative;
  }
  .menu-dropdown .icon-list--grid a:hover, .menu-dropdown .icon-list--grid .read-more-button:hover {
    transform: scale(1.05);
  }
  .menu-dropdown .menu-dropdown-container {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }
  .menu-dropdown .menu-dropdown-container::after {
    clear: both;
    content: '';
    display: table;
  }
  .menu-dropdown .menu-dropdown--categories {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .menu-dropdown .menu-dropdown--categories:last-child {
    margin-right: 0;
  }
  .menu-dropdown .menu-dropdown--collections {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .menu-dropdown .menu-dropdown--collections:last-child {
    margin-right: 0;
  }
  .menu-dropdown .menu-dropdown--products {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .menu-dropdown .menu-dropdown--products:last-child {
    margin-right: 0;
  }
  .menu-dropdown .menu-dropdown--products .card {
    border: none;
  }
  .menu-dropdown .menu-dropdown--products .afkl-lazy-wrapper {
    margin-bottom: 0.5em;
  }
  .menu-dropdown .menu-dropdown--products .h6, .menu-dropdown .menu-dropdown--products .product-card .product-price, .product-card .menu-dropdown .menu-dropdown--products .product-price {
    font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 0.875em;
  }
}

@media screen and (min-width: 1216px) {
  .menu-dropdown .menu-dropdown-container {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }
  .menu-dropdown .menu-dropdown-container::after {
    clear: both;
    content: '';
    display: table;
  }
  .menu-dropdown .menu-dropdown--categories {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .menu-dropdown .menu-dropdown--categories:last-child {
    margin-right: 0;
  }
  .menu-dropdown .menu-dropdown--collections {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 15.31888%;
    margin-left: 8.46811%;
  }
  .menu-dropdown .menu-dropdown--collections:last-child {
    margin-right: 0;
  }
  .menu-dropdown .menu-dropdown--products {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
    margin-left: 8.46811%;
  }
  .menu-dropdown .menu-dropdown--products:last-child {
    margin-right: 0;
  }
}

.menu-dropdown .icon-list {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.menu-dropdown .icon-list--vertical a + a, .menu-dropdown .icon-list--vertical .read-more-button + a, .menu-dropdown .icon-list--vertical a + .read-more-button, .menu-dropdown .icon-list--vertical .read-more-button + .read-more-button,
.menu-dropdown .icon-list--vertical a + button,
.menu-dropdown .icon-list--vertical .read-more-button + button {
  margin-top: 0.5em;
}

.menu-dropdown.ng-hide {
  /* Animate max height*/
  max-height: 0;
}

.menu-dropdown.ng-hide-add,
.menu-dropdown.ng-hide-remove {
  /* Needed to override display:none which cannot be animated */
  display: block !important;
  overflow-y: hidden;
}

.main-nav__menu-link {
  position: relative;
}

.main-nav__menu-link-label {
  color: #68615d;
}

.main-nav__hover:hover {
  background-color: rgba(0, 0, 0, 0);
}

.main-nav__hover:hover .menu-button {
  position: relative;
}

.main-nav__hover:hover .menu-button:after {
  content: '';
  position: absolute;
  left: -15px;
  top: 0;
  right: -15px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.25s;
  z-index: 62;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .main-nav__menus .main-nav__hover:last-child:after {
    pointer-events: none;
    content: '';
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    height: 5em;
    width: 100%;
  }
}

.menu-button {
  cursor: pointer;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: inline-block;
}

.menu-button:focus {
  outline: 0;
}

.menu-button > img {
  width: 1em;
}

.menu-button i[class^='betabrand-'] {
  margin-right: 0.5em;
  color: #a09995;
  font-size: 1.5em;
  position: relative;
  top: -0.0625em;
}

.menu-button i[class^='betabrand-'].betabrand-thinktank {
  position: relative;
  top: -2px;
}

.menu-button i.fa {
  margin: 0 0.5em 0 0.25em;
  color: #a09995;
}

.menu-button:focus {
  color: #333;
  font-weight: bold;
}

.menu-button:focus i[class^='betabrand-'] {
  color: #333;
}

.menu-button:focus.initial-style {
  color: initial;
  text-shadow: none;
  font-weight: initial;
}

.menu-button:focus.initial-style i[class^='betabrand-'] {
  color: #a09995;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .menu-button:active + .main-nav__hover,
  .menu-button:active + .menu-button {
    border-top: 1px solid #dcdad8;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .main-nav__hover .menu-button + .menu-dropdown {
    display: none;
  }
}

.main-nav__hover.active .menu-button + .menu-dropdown {
  display: block;
}

.keyboard .menu-button:active + .menu-dropdown {
  display: block;
}

.main-nav__hover.active .menu-button, .menu-button:active, .menu-button:hover {
  color: #333;
  text-shadow: 0 0 0 #000;
}

.main-nav__hover.active .menu-button i[class^='betabrand-'], .menu-button:active i[class^='betabrand-'], .menu-button:hover i[class^='betabrand-'] {
  color: #333;
}

.main-nav__hover.active .menu-button.initial-style, .menu-button:active.initial-style, .menu-button:hover.initial-style {
  color: initial;
  text-shadow: none;
  font-weight: initial;
}

.main-nav__hover.active .menu-button.initial-style i[class^='betabrand-'], .menu-button:active.initial-style i[class^='betabrand-'], .menu-button:hover.initial-style i[class^='betabrand-'] {
  color: #a09995;
}

.menu-button .main-nav__hover:hover > .menu-dropdown {
  display: block;
}

.has-state .menu-button .main-nav__hover:hover > .menu-dropdown {
  display: none;
}

.has-state .menu-button .main-nav__hover:hover .menu-dropdown {
  display: none;
}

.menu-button .menu-button:focus + .menu-dropdown, .menu-button .menu-button:active + .menu-dropdown {
  display: block;
}

@media screen and (min-width: 64.0625em) {
  .menu-button.animated-marketing-spot .animated-marketing-spot-menu-label--hover {
    max-width: 0;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    transition: max-width 0.5s;
  }
  .menu-button.animated-marketing-spot:hover .animated-marketing-spot-menu-label--hover {
    max-width: 10em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .menu-button {
    width: 100%;
    font-size: 1.2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    text-align: left;
    display: block;
  }
  .menu-button i {
    vertical-align: middle;
  }
  .menu-button i.fa-angle-down, .menu-button i.fa-angle-up {
    position: absolute;
    right: 0;
    top: 1.75em;
  }
  .menu-button.animated-marketing-spot {
    display: flex;
  }
  .menu-button.animated-marketing-spot .animated-marketing-spot-mobile-icon {
    margin-right: 1em;
    margin-left: 0.125em;
  }
}

@media screen and (min-width: 64.0625em) {
  .menu-button {
    margin: auto;
    height: 4.75em;
    line-height: 4.75em;
    padding: 0 0.875em;
    font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  }
  .menu-button img {
    margin-right: 0.5em;
  }
  .menu-button i[class^='betabrand-'] {
    display: none;
  }
  .menu-button i.fa {
    margin-left: 0.5em;
    display: inline-block;
  }
  .main-nav__hover:focus .menu-button,
  .main-nav__hover:hover .menu-button,
  .main-nav__hover.active .menu-button {
    color: #333;
    text-shadow: 0 0 0 #000;
    background-color: #fff;
    border-color: #dcdad8;
  }
  .menu-button.mobile-only {
    display: none;
  }
}

.main-nav__menus .main-nav__hover:first-child .menu-button {
  border-top: 0;
}

.switch-route .menu-dropdown {
  display: none !important;
}

.icon-list--grid {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  color: #68615d;
}

.icon-list--grid::after {
  clear: both;
  content: '';
  display: table;
}

.icon-list--grid a + a, .icon-list--grid .read-more-button + a, .icon-list--grid a + .read-more-button, .icon-list--grid .read-more-button + .read-more-button {
  margin-left: auto;
}

.icon-list--grid i {
  margin-right: 0;
  color: #a09995;
  font-size: 2em;
  display: block;
  margin-bottom: 0.125em;
}

@media screen and (min-width: 64.0625em) {
  .icon-list--grid i {
    font-size: 3em;
  }
}

.icon-list--grid a, .icon-list--grid .read-more-button {
  cursor: pointer;
  text-align: center;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.icon-list--grid a:focus, .icon-list--grid .read-more-button:focus {
  color: #333;
}

.icon-list--grid a:focus i[class^='betabrand-'], .icon-list--grid .read-more-button:focus i[class^='betabrand-'] {
  color: #333;
}

.icon-list--grid a:hover, .icon-list--grid .read-more-button:hover {
  color: #a09995;
}

.icon-list--grid a:hover i[class^='betabrand-'], .icon-list--grid .read-more-button:hover i[class^='betabrand-'] {
  color: #a09995;
}

.icon-list--grid-2 a, .icon-list--grid-2 .read-more-button {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 49.19133%;
  margin-bottom: 1em;
}

.icon-list--grid-2 a:last-child, .icon-list--grid-2 .read-more-button:last-child {
  margin-right: 0;
}

.icon-list--grid-2 a:nth-child(2n), .icon-list--grid-2 .read-more-button:nth-child(2n) {
  margin-right: 0;
}

.icon-list--grid-2 a:nth-child(2n+1), .icon-list--grid-2 .read-more-button:nth-child(2n+1) {
  clear: left;
}

.icon-list--grid-2 a:nth-child(2n + 1):nth-last-child(-n + 2), .icon-list--grid-2 .read-more-button:nth-child(2n + 1):nth-last-child(-n + 2),
.icon-list--grid-2 a:nth-child(2n + 1):nth-last-child(-n + 2) ~ a,
.icon-list--grid-2 .read-more-button:nth-child(2n + 1):nth-last-child(-n + 2) ~ a,
.icon-list--grid-2 a:nth-child(2n + 1):nth-last-child(-n + 2) ~ .read-more-button,
.icon-list--grid-2 .read-more-button:nth-child(2n + 1):nth-last-child(-n + 2) ~ .read-more-button {
  margin-bottom: 0;
}

.icon-list--grid-3 a, .icon-list--grid-3 .read-more-button {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 32.2551%;
  margin-bottom: 1em;
}

.icon-list--grid-3 a:last-child, .icon-list--grid-3 .read-more-button:last-child {
  margin-right: 0;
}

.icon-list--grid-3 a:nth-child(3n), .icon-list--grid-3 .read-more-button:nth-child(3n) {
  margin-right: 0;
}

.icon-list--grid-3 a:nth-child(3n+1), .icon-list--grid-3 .read-more-button:nth-child(3n+1) {
  clear: left;
}

.icon-list--grid-3 a:nth-child(3n + 1):nth-last-child(-n + 3), .icon-list--grid-3 .read-more-button:nth-child(3n + 1):nth-last-child(-n + 3),
.icon-list--grid-3 a:nth-child(3n + 1):nth-last-child(-n + 3) ~ a,
.icon-list--grid-3 .read-more-button:nth-child(3n + 1):nth-last-child(-n + 3) ~ a,
.icon-list--grid-3 a:nth-child(3n + 1):nth-last-child(-n + 3) ~ .read-more-button,
.icon-list--grid-3 .read-more-button:nth-child(3n + 1):nth-last-child(-n + 3) ~ .read-more-button {
  margin-bottom: 0;
}

.icon-list--grid-6 a, .icon-list--grid-6 .read-more-button {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 15.31888%;
  margin-bottom: 1em;
}

.icon-list--grid-6 a:last-child, .icon-list--grid-6 .read-more-button:last-child {
  margin-right: 0;
}

.icon-list--grid-6 a:nth-child(6n), .icon-list--grid-6 .read-more-button:nth-child(6n) {
  margin-right: 0;
}

.icon-list--grid-6 a:nth-child(6n+1), .icon-list--grid-6 .read-more-button:nth-child(6n+1) {
  clear: left;
}

.icon-list--grid-6 a:nth-child(6n + 1):nth-last-child(-n + 6), .icon-list--grid-6 .read-more-button:nth-child(6n + 1):nth-last-child(-n + 6),
.icon-list--grid-6 a:nth-child(6n + 1):nth-last-child(-n + 6) ~ a,
.icon-list--grid-6 .read-more-button:nth-child(6n + 1):nth-last-child(-n + 6) ~ a,
.icon-list--grid-6 a:nth-child(6n + 1):nth-last-child(-n + 6) ~ .read-more-button,
.icon-list--grid-6 .read-more-button:nth-child(6n + 1):nth-last-child(-n + 6) ~ .read-more-button {
  margin-bottom: 0;
}

* {
  margin: 0;
  padding: 0;
}

.site-nav .toggle-open-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.125em;
  height: 3.75em;
}

.site-nav {
  outline: 0;
}

.main-nav__switch {
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 71;
}

.main-nav__switch:after {
  position: absolute;
  width: 100%;
  display: block;
  opacity: 1;
  content: '';
  height: 5em;
  background: rgba(0, 0, 0, 0);
}

.main-nav__switch:checked + .menu-button + .menu-dropdown {
  display: block;
}

.main-nav__switch:checked:after {
  background: rgba(0, 0, 0, 0);
}

@media screen and (min-width: 64.0625em) {
  .main-nav__switch {
    display: none;
  }
}

.site-nav .main-nav__notifications,
.site-nav .main-nav__account,
.site-nav .main-nav__cart > button span {
  opacity: 0;
}

.has-state .site-nav .main-nav__notifications, .has-state
.site-nav .main-nav__account, .has-state
.site-nav .main-nav__cart > button span {
  opacity: 1;
}

.site-nav.has-state .lozenge,
.site-nav.has-state .main-nav__notifications,
.site-nav.has-state .main-nav__account,
.site-nav.has-state .main-nav__cart > button span {
  opacity: 1;
}

.hsm-nav {
  font-family: 'Shrikhand';
  position: relative;
  height: 3em;
  padding-left: 2.25em;
  line-height: 1;
  padding-top: 0.5em;
}

.hsm-nav span {
  color: #333;
}

.hsm-nav img {
  left: -1em;
  top: -0.3em;
  display: block;
  position: absolute;
  width: 3em;
}

.hsm-nav-icon {
  position: relative;
  margin-left: -1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .hsm-nav-icon {
    display: none;
  }
}

.in__checkout .hsm-nav-icon {
  display: none;
}

.hsm-nav-icon img {
  position: relative;
  top: 5px;
  display: block;
  width: 50px;
  height: 50px;
}

[menu-label='thinktank'] .menu-dropdown--products {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 49.19133%;
}

[menu-label='thinktank'] .menu-dropdown--products:last-child {
  margin-right: 0;
}

.site-nav.site-nav--v2 .menu-button {
  font-weight: bold;
}

.site-nav.site-nav--v2 .main-nav__menus {
  background-color: #fff;
}

@media screen and (min-width: 64.0625em) {
  .site-nav.site-nav--v2 .menu-dropdown-container--spaced .separator {
    margin-left: 5em;
  }
}

.site-nav.site-nav--v2 .menu-dropdown-container {
  display: flex;
}

.site-nav.site-nav--v2 .menu-dropdown-container a, .site-nav.site-nav--v2 .menu-dropdown-container .read-more-button {
  text-align: center;
  color: #333;
  flex: 1;
}

.site-nav.site-nav--v2 .menu-dropdown-container a span, .site-nav.site-nav--v2 .menu-dropdown-container .read-more-button span {
  font-weight: bold;
}

.site-nav.site-nav--v2 .menu-dropdown-container a img, .site-nav.site-nav--v2 .menu-dropdown-container .read-more-button img {
  display: block;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav.site-nav--v2 .menu-dropdown-container {
    flex-wrap: wrap;
  }
  .site-nav.site-nav--v2 .menu-dropdown-container a, .site-nav.site-nav--v2 .menu-dropdown-container .read-more-button {
    flex: 0 0 47.5%;
    margin-bottom: 2em;
  }
  .site-nav.site-nav--v2 .menu-dropdown-container a:nth-child(even), .site-nav.site-nav--v2 .menu-dropdown-container .read-more-button:nth-child(even) {
    margin-left: 5%;
  }
}

.site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob {
  max-width: 800px;
}

.site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob p {
  margin-bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob a, .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob .read-more-button {
    text-align: left;
  }
  .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob p {
    font-size: 0.85em;
  }
}

@media screen and (min-width: 64.0625em) {
  .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob a + a, .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob .read-more-button + a, .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob a + .read-more-button, .site-nav.site-nav--v2 .menu-dropdown-container.menu-dropdown-container--studiob .read-more-button + .read-more-button {
    margin-left: 2em;
  }
}

.site-nav.site-nav--v2 .menu-dropdown-container--spaced a, .site-nav.site-nav--v2 .menu-dropdown-container--spaced .read-more-button {
  max-width: 320px;
}

@media screen and (min-width: 64.0625em) {
  .site-nav.site-nav--v2 .menu-dropdown-container--spaced a + a, .site-nav.site-nav--v2 .menu-dropdown-container--spaced .read-more-button + a, .site-nav.site-nav--v2 .menu-dropdown-container--spaced a + .read-more-button, .site-nav.site-nav--v2 .menu-dropdown-container--spaced .read-more-button + .read-more-button {
    margin-left: 1em;
  }
}

.site-nav.site-nav--v2.site-nav--v3 .shop-toggle-buttons {
  text-align: center;
  margin-bottom: 2em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-buttons {
    display: none;
  }
}

.site-nav.site-nav--v2.site-nav--v3 .shop-toggle-buttons button {
  color: #a09995;
  font-weight: bold;
  padding: 1em 2em;
  border-bottom: 4px solid transparent;
}

.site-nav.site-nav--v2.site-nav--v3 .shop-toggle-buttons button.active {
  color: #333;
  border-bottom-color: #49d5b7;
}

.site-nav.site-nav--v2.site-nav--v3 .menu-dropdown-container--stacked {
  flex-direction: column;
}

.site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container {
  display: flex;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container {
    flex-wrap: wrap;
  }
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container a, .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container .read-more-button {
    flex: 0 0 47.5%;
    margin-bottom: 2em;
  }
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container a:nth-child(even), .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container .read-more-button:nth-child(even) {
    margin-left: 5%;
  }
}

@media screen and (min-width: 64.0625em) {
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container {
    display: none;
  }
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container.active {
    display: flex;
  }
  .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container a + a, .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container .read-more-button + a, .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container a + .read-more-button, .site-nav.site-nav--v2.site-nav--v3 .shop-toggle-container .read-more-button + .read-more-button {
    margin-left: 1rem;
  }
}

#site-nav.site-nav.site-nav-redesign a:hover, #site-nav.site-nav.site-nav-redesign .read-more-button:hover {
  color: #68615d;
}

#site-nav.site-nav.site-nav-redesign .skinny-nav a:hover, #site-nav.site-nav.site-nav-redesign .skinny-nav .read-more-button:hover {
  color: #dcdad8;
}

.notification-icon {
  position: relative;
  top: 0.5rem;
}

.notification-counter.active[data-count]:before {
  background-color: #cd3b6b;
}

.notification-counter[data-count]:before {
  content: '';
  position: absolute;
  right: 0.25rem;
  top: 0.75rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #a09995;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .notification-counter[data-count]:before {
    right: -0.25rem;
    top: 0.5rem;
  }
}

.notification-counter[data-count]:after {
  content: attr(data-count);
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0.25rem;
  top: 0.75rem;
  font-size: 10px;
  line-height: 0.9rem;
  color: white;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .notification-counter[data-count]:after {
    right: -0.25rem;
    top: 0.5rem;
  }
}

.menu-dropdown--notification-center .activity-container {
  display: flex;
  background-color: #f4f4f3;
  border-radius: 0.5rem;
  padding: 1em;
  color: #333;
}

.menu-dropdown--notification-center .activity-title {
  font-weight: bold;
}

.menu-dropdown--notification-center .activity-image {
  flex: 0 1 33%;
  margin-left: 1rem;
}

.menu-dropdown--notification-center .activity-card {
  margin-bottom: 1em;
}

.menu-dropdown--notification-center .activity-image {
  flex: 0 1 20%;
  margin-left: 1rem;
}

.menu-dropdown--notification-center .activity-image img {
  border-radius: 0.25rem;
  overflow: hidden;
}

.menu-dropdown--notification-center .activity-content {
  flex: 1;
}

.menu-dropdown--notification-center .activity-content p {
  margin: 0;
  line-height: 1.25rem;
}

.menu-dropdown--notification-center .activity-title {
  font-size: 0.875rem;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

.menu-dropdown--notification-center .activity-message {
  font-size: 0.875rem;
}

.menu-dropdown--notification-center .activity-message a, .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message strong,
.menu-dropdown--notification-center .activity-message .link,
.menu-dropdown--notification-center .activity-message .comment-body a,
.comment-body .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .comment-body .read-more-button,
.comment-body .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .comment-header a,
.comment-header .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .comment-header .read-more-button,
.comment-header .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .profile-card__bottom.profile-card__bottom--bio a,
.profile-card__bottom.profile-card__bottom--bio .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .profile-card__bottom.profile-card__bottom--bio .read-more-button,
.profile-card__bottom.profile-card__bottom--bio .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .h5 a,
.real-time-stream .h5 .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .product-card .product-card--design-idea .product-card-name a,
.real-time-stream .product-card .product-card--design-idea .product-card-name .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .product-card .product-card--design-idea .real-time-stream .product-card-name a,
.product-card .product-card--design-idea .real-time-stream .product-card-name .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream #story h5 a,
.real-time-stream #story h5 .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message #story .real-time-stream h5 a,
#story .real-time-stream h5 .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .filters .section-header a,
.real-time-stream .filters .section-header .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .filters .real-time-stream .section-header a,
.filters .real-time-stream .section-header .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .sorters .section-header a,
.real-time-stream .sorters .section-header .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .sorters .real-time-stream .section-header a,
.sorters .real-time-stream .section-header .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .chat-notification__title a,
.real-time-stream .chat-notification__title .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .real-time-stream .h5 .read-more-button,
.real-time-stream .h5 .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button,
.real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button,
.product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button,
.real-time-stream .product-card .product-card--design-idea .product-card-name .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button,
.product-card .product-card--design-idea .real-time-stream .product-card-name .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream #story h5 .read-more-button,
.real-time-stream #story h5 .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message #story .real-time-stream h5 .read-more-button,
#story .real-time-stream h5 .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .filters .section-header .read-more-button,
.real-time-stream .filters .section-header .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .filters .real-time-stream .section-header .read-more-button,
.filters .real-time-stream .section-header .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .sorters .section-header .read-more-button,
.real-time-stream .sorters .section-header .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .sorters .real-time-stream .section-header .read-more-button,
.sorters .real-time-stream .section-header .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .real-time-stream .chat-notification__title .read-more-button,
.real-time-stream .chat-notification__title .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .main-nav__cart .menu-button,
.main-nav__cart .menu-dropdown--notification-center .activity-message .menu-button,
.menu-dropdown--notification-center .activity-message .input-feedback,
.menu-dropdown--notification-center .activity-message .icon-list--colored a,
.icon-list--colored .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .icon-list--colored .read-more-button,
.icon-list--colored .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .icon-list--colored button,
.icon-list--colored .menu-dropdown--notification-center .activity-message button,
.menu-dropdown--notification-center .activity-message .site-footer li,
.site-footer .menu-dropdown--notification-center .activity-message li,
.menu-dropdown--notification-center .activity-message .site-footer a,
.site-footer .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .site-footer .read-more-button,
.site-footer .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .read-more a,
.read-more .menu-dropdown--notification-center .activity-message a,
.menu-dropdown--notification-center .activity-message .read-more .read-more-button,
.read-more .menu-dropdown--notification-center .activity-message .read-more-button,
.menu-dropdown--notification-center .activity-message .product-sidebar .product-questions-link button,
.product-sidebar .product-questions-link .menu-dropdown--notification-center .activity-message button {
  font-weight: bold;
}

.menu-dropdown--notification-center .activity-actions {
  color: #a09995;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  align-items: center;
}

.menu-dropdown--notification-center .activity-actions div {
  margin: 0;
}

.menu-dropdown--notification-center .activity-actions .activity-date {
  display: flex;
  align-items: center;
}

.menu-dropdown--notification-center .activity-actions .activity-date * {
  line-height: 1;
}

.menu-dropdown--notification-center .activity-actions .activity-date span {
  margin-right: 0.25rem;
  width: 1rem;
}

.menu-dropdown--notification-center .activity-actions .activity-date span svg {
  width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .mobileTransparentNav .main-nav {
    background-color: transparent;
    border: transparent;
    transition: background 100ms ease-in;
  }
  .mobileTransparentNav .main-nav .toggle-open-close {
    text-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  }
  .mobileTransparentNav .main-nav .main-nav__search,
  .mobileTransparentNav .main-nav .betabrand-logo-link,
  .mobileTransparentNav .main-nav .main-nav__notifications {
    display: none;
  }
}

.category .billboard-hero {
  overflow: hidden;
}

@media screen and (min-width: 64.0625em) {
  .category .billboard-hero {
    margin: 0 auto 1em;
    max-width: 90em;
    padding: 5em;
  }
  .category .billboard-hero .billboard-content {
    max-width: 800px;
    margin: 0 auto;
  }
  .category .billboard-hero .billboard__body p:last-child {
    margin-bottom: 0;
  }
}

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

.billboards .billboard {
  flex: 1 0 100%;
  padding: 10em 2em;
}

@media screen and (min-width: 768px) {
  .billboards .billboard {
    flex: 1 0 100%;
  }
}

.billboards .billboard.billboard-vertical {
  flex: 1 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  color: white;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .billboards .billboard.billboard-vertical {
    padding: 17em 2em;
  }
}

@media screen and (min-width: 35.5em) {
  .billboards .billboard.billboard-vertical {
    padding: 17em 2em;
  }
}

@media screen and (min-width: 768px) {
  .billboards .billboard.billboard-vertical {
    padding: 25em 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .billboards .billboard.billboard-vertical {
    padding: 28em 2em;
  }
}

@media screen and (min-width: 1216px) {
  .billboards .billboard.billboard-vertical {
    padding: 12em 2em;
  }
}

.billboard {
  position: relative;
  display: block;
  padding: 1em;
}

@media screen and (min-width: 64.0625em) {
  .billboard {
    padding: 3em;
  }
}

.billboard.billboard-colored {
  color: #fff;
}

.billboard.billboard-colored.background-yellow-xlight {
  color: #333;
}

@media screen and (min-width: 64.0625em) {
  .billboard.billboard--small {
    padding: 2em;
  }
}

.billboard.billboard-image {
  color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.billboard.billboard-image:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  transition: background-color 0.25s;
}

.billboard.billboard-image:hover:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.billboard .billboard-content {
  position: relative;
  z-index: 2;
}

.billboard .billboard-content > :last-child {
  margin-bottom: 0;
}

.billboard .billboard-content--split-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.2em;
}

.billboard.mc-billboard-header {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  line-height: 1.4;
}

.billboard.mc-billboard-header .billboard-content {
  max-width: 420px;
  margin: 0 auto;
  padding: 2em;
}

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

.billboard.billboard-content--center .avatar {
  display: table;
  margin: 0 auto;
}

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

.billboard.billboard-content--lowerleft {
  display: flex;
  align-items: flex-end;
}

@media screen and (min-width: 64.0625em) {
  .billboard.billboard-content--lowerleft {
    min-height: 24vw;
    padding: 3em;
  }
}

.billboard.billboard--mobile-buttons {
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .billboard.billboard--mobile-buttons {
    margin-bottom: 0;
    padding: 1em;
  }
  .billboard.billboard--mobile-buttons .h1, .billboard.billboard--mobile-buttons .video-page h1, .video-page .billboard.billboard--mobile-buttons h1, .billboard.billboard--mobile-buttons .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .billboard.billboard--mobile-buttons .content__headline, .billboard.billboard--mobile-buttons .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .billboard.billboard--mobile-buttons .product-name {
    font-size: 2em;
  }
  .billboard.billboard--mobile-buttons p {
    font-size: 1em;
  }
  .billboard.billboard--mobile-buttons .buttons-container .button, .billboard.billboard--mobile-buttons .buttons-container .poll__answers .list .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .buttons-container .poll__answer {
    font-size: 0.75em;
    padding: 0.75em 1em;
    margin-bottom: 0;
    width: 44%;
  }
  .billboard.billboard--mobile-buttons .buttons-container .button + .button, .billboard.billboard--mobile-buttons .buttons-container .poll__answers .list .poll__answer + .button, .poll__answers .list .billboard.billboard--mobile-buttons .buttons-container .poll__answer + .button, .billboard.billboard--mobile-buttons .buttons-container .poll__answers .list .button + .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .buttons-container .button + .poll__answer, .billboard.billboard--mobile-buttons .buttons-container .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .buttons-container .poll__answer + .poll__answer {
    margin-left: 1em;
  }
}

@media screen and (min-width: 768px) {
  .billboard.billboard--mobile-buttons {
    max-width: 86vw;
    margin-bottom: 1em;
  }
  .billboard.billboard--mobile-buttons .button, .billboard.billboard--mobile-buttons .poll__answers .list .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .poll__answer {
    width: 200px;
  }
  .billboard.billboard--mobile-buttons .button + .button, .billboard.billboard--mobile-buttons .poll__answers .list .poll__answer + .button, .poll__answers .list .billboard.billboard--mobile-buttons .poll__answer + .button, .billboard.billboard--mobile-buttons .poll__answers .list .button + .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .button + .poll__answer, .billboard.billboard--mobile-buttons .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .billboard.billboard--mobile-buttons .poll__answer + .poll__answer {
    margin-left: 1em;
  }
}

.billboard.billboard--mobile-buttons i {
  margin-bottom: 0.25em;
}

.billboard.billboard--mobile-buttons p {
  max-width: 38em;
  margin: 0 auto 1em;
}

.progress-bar--detailed {
  height: 32px;
  border-radius: 16px;
}

.scarcity .progress-bar__status {
  background-color: #ff6e00;
}

.progress-bar-container .progress-bar {
  background-color: #e8e7e6;
  width: 100%;
  height: 5px;
  position: relative;
  max-width: 25em;
  margin: 0 auto 0.5em;
}

.progress-bar-container .progress-bar .progress-bar__status {
  background-color: #333;
  height: 100%;
  line-height: 20px;
  font-size: 12px;
  height: 100%;
  white-space: nowrap;
  text-indent: 5px;
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.progress-bar--detailed .progress-bar-container .progress-bar .progress-bar__status {
  border-radius: 16px 0 0 16px;
}

.progress-bar-container .progress-bar__counts {
  text-align: left;
  max-width: 25em;
  margin: 0 auto;
}

.progress-bar-container .fade-out-bar {
  -webkit-animation: 25ms linear 1 running forwards fade-out;
          animation: 25ms linear 1 running forwards fade-out;
}

.progress-bar-container .success-container {
  margin: -1.5em auto 0;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  max-height: 2.5em;
}

.progress-bar-container .success-container .success-text {
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 1em 0;
  -webkit-animation: 25ms linear 25ms 1 running both fade-in;
          animation: 25ms linear 25ms 1 running both fade-in;
}

.progress-bar-container .success-container .success-icon {
  width: 2.5em;
}

@media screen and (min-width: 768px) {
  .callouts {
    display: flex;
  }
}

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

.callout, .callout--alt, .callout--center, .callout--cover, .callout--reverse, .callout--flip, .callout--dark {
  padding: 1em;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.callout.callout--top, .callout--top.callout--alt, .callout--top.callout--center, .callout--top.callout--cover, .callout--top.callout--reverse, .callout--top.callout--flip, .callout--top.callout--dark {
  justify-content: flex-start;
}

@media screen and (min-width: 768px) {
  .callout, .callout--alt, .callout--center, .callout--cover, .callout--reverse, .callout--flip, .callout--dark {
    flex-grow: 1;
    padding: 2em;
    flex-basis: 0;
  }
}

.callout :last-child, .callout--alt :last-child, .callout--center :last-child, .callout--cover :last-child, .callout--reverse :last-child, .callout--flip :last-child, .callout--dark :last-child {
  margin-bottom: 0;
}

.callout--alt:nth-child(even) {
  background-color: #dcdad8;
}

.callout--alt:nth-child(odd) {
  background-color: #e8e7e6;
}

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

.callout--cover {
  background-size: cover;
  background-position: center center;
  min-height: 31.25em;
}

.callout--reverse {
  color: #fff;
}

.callout--reverse:nth-child(even) {
  background-color: black;
}

.callout--reverse:nth-child(odd) {
  background-color: #121212;
}

.callout--flip:nth-child(even) {
  background-color: #e8e7e6;
}

.callout--flip:nth-child(odd) {
  background-color: #dcdad8;
}

.callout--dark {
  color: #fff;
}

.callout--dark:nth-child(even) {
  background-color: #333;
}

.callout--dark:nth-child(odd) {
  background-color: #545454;
}

.callout--white {
  background-color: #fff;
}

.category .top-level,
.category .regular-category,
.category .style-category, .category.category-sale {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.category .top-level::after,
.category .regular-category::after,
.category .style-category::after, .category.category-sale::after {
  clear: both;
  content: '';
  display: table;
}

.category.category-sale .category-products,
.category .regular-category .category-products {
  margin: 0;
}

.category.category--instashirt {
  background-image: url(/angular/src/images/patterns/skulls.png);
  max-width: 100%;
}

.category.category--instashirt .page-columns:first-child {
  max-width: 100%;
  padding-top: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category.category-sale,
  .category .regular-category {
    margin: 1em;
  }
}

.category-products--flex.category-products .product-card {
  flex: 0 48%;
}

.category-products--flex.category-products .product-card .product-card--outer {
  height: 100%;
}

.category-products--flex.category-products .product-card .product-card--outer .product-card--inner {
  height: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-products--flex.category-products .product-card {
    flex: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-products--flex.category-products {
    margin: 0;
  }
}

.category-products--flex.category-products--grid-3 .product-card {
  flex: 0 32%;
  min-width: 0;
  margin-right: 1em;
  margin-bottom: 0;
}

.category-products--flex.category-products--grid-3 .product-card:nth-child(2n) {
  margin-right: 1em;
}

.category-products--flex.category-products--grid-3 .product-card:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .category-products--flex.category-products--grid-3 .product-card {
    flex: 0 32%;
  }
  .category-products--flex.category-products--grid-3 .product-card:nth-child(2n) {
    margin-right: 1em;
  }
  .category-products--flex.category-products--grid-3 .product-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-products--flex.category-products--grid-3 .product-card {
    flex: 0 47%;
  }
  .category-products--flex.category-products--grid-3 .product-card:nth-child(3n) {
    margin-right: 1em;
  }
  .category-products--flex.category-products--grid-3 .product-card:nth-child(2n) {
    margin-right: 0;
  }
}

.category-breadcrumbs a, .category-breadcrumbs .read-more-button,
.category-breadcrumbs i {
  color: #68615d;
}

.category-breadcrumbs a + i, .category-breadcrumbs .read-more-button + i {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-breadcrumbs h1 {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 768px) {
  .category-breadcrumbs a, .category-breadcrumbs .read-more-button {
    font-size: 1.5em;
  }
}

.category-header {
  position: relative;
  width: 100%;
}

.category-header::after {
  clear: both;
  content: '';
  display: table;
}

.category-header p {
  margin-bottom: 0;
}

.category-header .category-header--image {
  border-bottom: 4px solid #edeceb;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-header .category-header--image {
    border-bottom: 4px solid #edeceb;
    height: 0;
    padding-bottom: 57.1428571%;
  }
  .category-header .category-header--text {
    padding: 1em;
  }
  .category-header .category-header--text p {
    font-size: 1em;
  }
}

@media screen and (min-width: 768px) {
  .category-header .category-header--text {
    padding: 1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .category-header {
    border-bottom: 4px solid #edeceb;
    margin-bottom: 1em;
  }
  .category-header:before {
    content: '';
    display: block;
    padding-top: 28.5714286%;
  }
  .category-header.remove-sizing:before {
    padding-top: 11.571429%;
  }
  .category-header .category-header--image {
    border: none;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
  }
  .category-header .category-header--text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1em;
  }
}

.top-level {
  padding: 1em;
}

@media screen and (min-width: 1473px) {
  .top-level {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .top-level .category-breadcrumbs {
    margin-top: 1.25em;
  }
}

.top-level .h2, .top-level .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .top-level .h3, .top-level .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .top-level h3, .top-level #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .top-level h3, .top-level .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .top-level .out-of-stock__modal--label, .top-level .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .top-level .out-of-stock__modal--label {
  margin-bottom: 0.25em;
}

.top-level img {
  display: block;
  margin-bottom: 1em;
  background-color: #fff;
}

/*
	Styling for Filters and Sorters.
	Here, elements that could either be a Filter or Sorter are referred to collectively as Updater.
 */
.category .launch-updater-button {
  display: none;
}

.category .modal-updater-view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.category .modal-updater-view.updater-wrapper {
  display: none;
}

.category .modal-updater-view.updater-wrapper.is-active {
  display: block;
  position: fixed;
  height: 100%;
  z-index: 10000;
  overflow-y: scroll;
  background-color: #fff;
  width: 100%;
  padding: 0;
}

.category .modal-updater-view.updater-wrapper.is-active .modal-updater-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 1em 1em 0;
  border-bottom: 3px solid #333;
  background-color: white;
  z-index: 10001;
}

.category .modal-updater-view.updater-wrapper.is-active .modal-updater-header .icon-close .betabrand-close {
  font-size: 2em;
}

.category .modal-updater-view.updater-wrapper.is-active .modal-updater-header .icon-close:focus .betabrand-close, .category .modal-updater-view.updater-wrapper.is-active .modal-updater-header .icon-close:hover .betabrand-close {
  text-decoration: underline;
}

.category .modal-updater-view.updater-wrapper.is-active .modal-updater-header .selected-filters {
  margin-left: 0;
  text-align: left;
  margin-bottom: 0;
}

.category .modal-updater-view.updater-wrapper.is-active .modal-updater-header .selected-filters .product-tag {
  margin-bottom: 0.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category .modal-updater-view.updater-wrapper.is-active .updaters {
    padding: 1em 1em 6em;
  }
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-header {
  border-top: 0;
  border-bottom: 0;
  width: 100%;
  margin-bottom: 0.5em;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-header .accordion-item__header {
  border-bottom: 1px solid #333;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-header .section-label {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-updater {
  margin-left: 0;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-updater .section-item-wrapper {
  border-bottom: 1px solid #dcdad8;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-updater .section-item-wrapper .section-item {
  padding: 1.5em;
  padding-left: 3em;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-updater.filter-colorFamily .section-item-wrapper {
  border-bottom: none;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters .section-updater.filter-colorFamily .section-item-wrapper .option {
  width: 2.5em;
  padding: 0 0 2.5em;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters.filters .section-updater {
  width: 100%;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters.sorters .accordion-item__header {
  display: none;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters.sorters .section-updater .section-item-wrapper .section-item {
  padding-left: 1.5em;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters.sorters .section-updater .sorter-direction-wrapper {
  margin-bottom: 0;
}

.category .modal-updater-view.updater-wrapper.is-active .updaters.sorters .section-updater .sorter-direction-wrapper .section-item-wrapper:last-child {
  border-bottom: 0;
}

.category .modal-updater-view.updater-wrapper.is-active .updater-footer {
  padding: 0.5em 1em;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 2em;
  background-color: #fff;
}

.category .modal-updater-view.updater-wrapper.is-active .updater-footer .close-modal-button {
  text-transform: uppercase;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category .modal-updater-view.updater-wrapper.is-active .updater-footer {
    bottom: 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .category .modal-updater-view.updater-wrapper.is-active {
    width: 50%;
    height: 80%;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .category .page-column--left {
    display: flex;
    justify-content: flex-end;
  }
  .category .page-column--left .launch-updater-button {
    display: flex;
    margin-bottom: 1em;
    margin-right: 1em;
    background-color: white;
    justify-content: center;
    width: 100%;
  }
  .category .page-column--left .launch-updater-button .launch-text {
    padding: 1em;
    font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center;
    width: 12em;
    border: 1px solid #333;
  }
  .category .page-column--left .launch-updater-button .launch-updater-button-icon {
    padding-left: 0.825em;
  }
  .category .page-column--left .launch-updater-button:focus .launch-text {
    font-weight: bold;
  }
  .category .page-column--left .updater-wrapper {
    display: none;
  }
  .category .page-column--left .updater-wrapper.is-active {
    display: flex;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) and (max-width: 767px) {
  .category .page-column--left {
    justify-content: center;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .category .filters .filter-colorFamily .option {
    width: 2.5em;
    padding: 0 0 2.5em;
    margin: 0.76923em;
  }
  .category .category-sale .page-column--left {
    margin-top: 0em !important;
  }
}

@media screen and (min-width: 64.0625em) {
  .category .product-sidebar {
    margin-top: 1em;
  }
  .category .filters-wrapper {
    border-bottom: 1px solid gray;
  }
}

.toggle-open-close {
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
}

.toggle-open-close:focus {
  outline: 0;
}

@media screen and (min-width: 64.0625em) {
  .toggle-open-close {
    display: none;
  }
}

.toggle-open-close span {
  display: block;
  position: absolute;
  height: 2px;
  width: 1.25em;
  background: #333;
  border-radius: 4px;
  opacity: 1;
  left: 1em;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}

.toggle-open-close span:nth-child(1) {
  top: 1.375em;
}

.toggle-open-close span:nth-child(2), .toggle-open-close span:nth-child(3) {
  top: 1.8125em;
}

.toggle-open-close span:nth-child(4) {
  top: 2.25em;
}

.toggle-open-close.is-active span:nth-child(1) {
  top: 1.375em;
  width: 0%;
  left: 50%;
}

.toggle-open-close.is-active span:nth-child(2) {
  transform: rotate(45deg);
}

.toggle-open-close.is-active span:nth-child(3) {
  transform: rotate(-45deg);
}

.toggle-open-close.is-active span:nth-child(4) {
  top: 1.375em;
  width: 0%;
  left: 50%;
}

.selected-filters {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.category-filters.active {
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .category-filters.active .filter-sidebar {
    padding-top: 2em;
    position: fixed;
    top: 7.375em;
    z-index: 1;
  }
}

.category-filters .sorters i,
.category-filters .filters-dropdown i {
  color: #333;
}

.category-filters .pills .pill {
  margin-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
}

.category-filters .pills .pill .button.button-outline, .category-filters .pills .pill .poll__answers .list .poll__answer, .poll__answers .list .category-filters .pills .pill .poll__answer {
  margin-bottom: 1em;
  margin-right: 0.5em;
  font-size: 0.7em;
  width: 30%;
  white-space: normal;
  word-wrap: normal;
  padding: 0.75em 1em;
}

.category-filters .pills .pill .button.button-outline.active, .category-filters .pills .pill .poll__answers .list .active.poll__answer, .poll__answers .list .category-filters .pills .pill .active.poll__answer {
  opacity: initial;
  background-color: #333;
  color: white;
}

.category-filters .pills .pill .button.button-outline:focus, .category-filters .pills .pill .poll__answers .list .poll__answer:focus, .poll__answers .list .category-filters .pills .pill .poll__answer:focus {
  opacity: initial;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .category-filters .pills .pill .button.button-outline, .category-filters .pills .pill .poll__answers .list .poll__answer, .poll__answers .list .category-filters .pills .pill .poll__answer {
    margin-left: 0.5em;
    padding: 1em;
    font-size: 1em;
    width: 31%;
    margin-right: 0;
  }
}

.filter-sidebar {
  max-width: 28.125em;
  margin: 0 auto;
}

.filters-color {
  display: none;
}

.category-products {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  margin: 1em;
}

.category-products::after {
  clear: both;
  content: '';
  display: table;
}

.category-products .product-card {
  margin-bottom: 1em;
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.category-products .product-card:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .category-products .product-card {
    margin-bottom: 1em;
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .category-products .product-card:last-child {
    margin-right: 0;
  }
  .category-products .product-card:nth-child(2n) {
    margin-right: 0;
  }
  .category-products .product-card:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 64.0625em) {
  .category-products.category-products--grid-3 .product-card {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .category-products.category-products--grid-3 .product-card:nth-child(2n) {
    margin-right: 1.61735%;
  }
  .category-products.category-products--grid-3 .product-card:nth-child(2n + 1) {
    clear: none;
  }
  .category-products.category-products--grid-3 .product-card:last-child {
    margin-right: 0;
  }
  .category-products.category-products--grid-3 .product-card:nth-child(3n) {
    margin-right: 0;
  }
  .category-products.category-products--grid-3 .product-card:nth-child(3n+1) {
    clear: left;
  }
}

.category-products.category-products--grid-1 {
  margin: 0;
}

@media screen and (min-width: 64.0625em) {
  .category-products.category-products--grid-1 .product-card {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
    margin-left: 33.87245%;
  }
  .category-products.category-products--grid-1 .product-card:nth-child(3n) {
    margin-right: 1.61735%;
  }
  .category-products.category-products--grid-1 .product-card:nth-child(3n + 1) {
    clear: none;
  }
  .category-products.category-products--grid-1 .product-card:last-child {
    margin-right: 0;
  }
}

.filter-colorFamily .colorFamily-red {
  background: #c7010f;
}

.filter-colorFamily .colorFamily-red.active {
  background: #c7010f;
}

.filter-colorFamily .colorFamily-maroon {
  background: #65242f;
}

.filter-colorFamily .colorFamily-maroon.active {
  background: #65242f;
}

.filter-colorFamily .colorFamily-pink {
  background: #ffaaaa;
}

.filter-colorFamily .colorFamily-pink.active {
  background: #ffaaaa;
}

.filter-colorFamily .colorFamily-orange {
  background: #e35900;
}

.filter-colorFamily .colorFamily-orange.active {
  background: #e35900;
}

.filter-colorFamily .colorFamily-yellow {
  background: #e3c400;
}

.filter-colorFamily .colorFamily-yellow.active {
  background: #e3c400;
}

.filter-colorFamily .colorFamily-gold {
  background: #c9913a;
}

.filter-colorFamily .colorFamily-gold.active {
  background: #c9913a;
}

.filter-colorFamily .colorFamily-olive {
  background: #928f6c;
}

.filter-colorFamily .colorFamily-olive.active {
  background: #928f6c;
}

.filter-colorFamily .colorFamily-khaki {
  background: #bca994;
}

.filter-colorFamily .colorFamily-khaki.active {
  background: #bca994;
}

.filter-colorFamily .colorFamily-green {
  background: #1f543c;
}

.filter-colorFamily .colorFamily-green.active {
  background: #1f543c;
}

.filter-colorFamily .colorFamily-seaweed {
  background: #504d38;
}

.filter-colorFamily .colorFamily-seaweed.active {
  background: #504d38;
}

.filter-colorFamily .colorFamily-moss {
  background: #385b1b;
}

.filter-colorFamily .colorFamily-moss.active {
  background: #385b1b;
}

.filter-colorFamily .colorFamily-seafoam {
  background: #6dbba4;
}

.filter-colorFamily .colorFamily-seafoam.active {
  background: #6dbba4;
}

.filter-colorFamily .colorFamily-blue {
  background: #47668b;
}

.filter-colorFamily .colorFamily-blue.active {
  background: #47668b;
}

.filter-colorFamily .colorFamily-navy {
  background: #1b366f;
}

.filter-colorFamily .colorFamily-navy.active {
  background: #1b366f;
}

.filter-colorFamily .colorFamily-lightblue {
  background: #6b92ac;
}

.filter-colorFamily .colorFamily-lightblue.active {
  background: #6b92ac;
}

.filter-colorFamily .colorFamily-light-blue {
  background: #6b92ac;
}

.filter-colorFamily .colorFamily-light-blue.active {
  background: #6b92ac;
}

.filter-colorFamily .colorFamily-turquoise {
  background: #30ac9f;
}

.filter-colorFamily .colorFamily-turquoise.active {
  background: #30ac9f;
}

.filter-colorFamily .colorFamily-teal {
  background: #15706c;
}

.filter-colorFamily .colorFamily-teal.active {
  background: #15706c;
}

.filter-colorFamily .colorFamily-purple {
  background: #6601dd;
}

.filter-colorFamily .colorFamily-purple.active {
  background: #6601dd;
}

.filter-colorFamily .colorFamily-tan {
  background: #c7a679;
}

.filter-colorFamily .colorFamily-tan.active {
  background: #c7a679;
}

.filter-colorFamily .colorFamily-brown {
  background: #996633;
}

.filter-colorFamily .colorFamily-brown.active {
  background: #996633;
}

.filter-colorFamily .colorFamily-taupe {
  background: #726052;
}

.filter-colorFamily .colorFamily-taupe.active {
  background: #726052;
}

.filter-colorFamily .colorFamily-beige {
  background: #f4edd2;
}

.filter-colorFamily .colorFamily-beige.active {
  background: #f4edd2;
}

.filter-colorFamily .colorFamily-cream {
  background: #f4edd2;
}

.filter-colorFamily .colorFamily-cream.active {
  background: #f4edd2;
}

.filter-colorFamily .colorFamily-black {
  background: black;
}

.filter-colorFamily .colorFamily-black.active {
  background: black;
}

.filter-colorFamily .colorFamily-white {
  background: white;
}

.filter-colorFamily .colorFamily-white.active {
  background: white;
}

.filter-colorFamily .colorFamily-gray {
  background: gray;
}

.filter-colorFamily .colorFamily-gray.active {
  background: gray;
}

.filter-colorFamily .colorFamily-darkgray {
  background: #555;
}

.filter-colorFamily .colorFamily-darkgray.active {
  background: #555;
}

.filter-colorFamily .colorFamily-darkbrown {
  background: #4b2e1a;
}

.filter-colorFamily .colorFamily-darkbrown.active {
  background: #4b2e1a;
}

.filter-colorFamily .colorFamily-dark-brown {
  background: #4b2e1a;
}

.filter-colorFamily .colorFamily-dark-brown.active {
  background: #4b2e1a;
}

.filter-colorFamily .colorFamily-dark-gray {
  background: #555;
}

.filter-colorFamily .colorFamily-dark-gray.active {
  background: #555;
}

.filter-colorFamily .colorFamily-charcoal {
  background: gray;
}

.filter-colorFamily .colorFamily-charcoal.active {
  background: gray;
}

.filter-colorFamily .colorFamily-silver {
  background: #bbbdc9;
}

.filter-colorFamily .colorFamily-silver.active {
  background: #bbbdc9;
}

.filter-colorFamily .colorFamily-multicolor {
  background-image: linear-gradient(to right top, #b2d16b, #ddbb58, #fca163, #ff8a83, #ff7eac, #ea8cd3, #c89df0, #9caeff, #6ec5ff, #3cdaff, #2fecff, #5ffbf1);
}

.filter-colorFamily .colorFamily-print {
  background-color: #001;
  background-image: radial-gradient(white 15%, transparent 16%), radial-gradient(white 15%, transparent 16%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}

.filters ul,
.sorters ul {
  margin: 0 0 1em;
  list-style: none;
}

.filters .section-header,
.sorters .section-header {
  border-top: 1px solid gray;
  margin-bottom: 0;
  width: 100%;
}

.filters .section-header .section-label,
.sorters .section-header .section-label {
  margin-right: 0.5em;
}

.filters .section-header i,
.sorters .section-header i {
  position: initial;
}

.filters .accordion__item,
.sorters .accordion__item {
  padding: 0;
}

.filters .accordion__item .accordion-item__header,
.sorters .accordion__item .accordion-item__header {
  text-transform: capitalize;
  padding: 1.5em 1em;
  line-height: 1;
}

.filters .section-updater,
.sorters .section-updater {
  margin-left: 1em;
}

.filters .section-updater.filter-colorFamily .section-item-wrapper .section-item,
.sorters .section-updater.filter-colorFamily .section-item-wrapper .section-item {
  width: 1.5em;
}

.filters .section-updater .section-item-wrapper,
.sorters .section-updater .section-item-wrapper {
  padding-bottom: 0.5em;
}

.filters .section-updater .section-item-wrapper .section-item,
.sorters .section-updater .section-item-wrapper .section-item {
  width: 100%;
  text-align: left;
  text-transform: capitalize;
}

.filters li,
.sorters li {
  text-transform: capitalize;
  cursor: pointer;
  font-size: 1.0625em;
  margin-top: 0.2em;
}

@media (min-width: 64.0625em) {
  .filters li,
  .sorters li {
    font-size: 0.9375em;
    margin-top: 0;
  }
}

.filters li.active,
.sorters li.active {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #333;
  font-weight: bold;
}

.filters li.active h2,
.sorters li.active h2 {
  font-weight: bold;
}

.filters li.disabled,
.sorters li.disabled {
  opacity: 0.3;
}

.filters .filter-colorFamily,
.sorters .filter-colorFamily {
  display: flex;
  flex-wrap: wrap;
  padding-right: 5em;
}

.filters .filter-colorFamily::after,
.sorters .filter-colorFamily::after {
  clear: both;
  content: '';
  display: table;
}

.filters .filter-colorFamily .option,
.sorters .filter-colorFamily .option {
  width: 1.5em;
  height: 0;
  padding-bottom: 1.5em;
  color: rgba(0, 0, 0, 0);
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 0.225em;
  margin-bottom: 0.225em;
}

.filters .filter-colorFamily .option[class*='white']:before,
.sorters .filter-colorFamily .option[class*='white']:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #a09995;
  border-radius: 50%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .filters .filter-colorFamily,
  .sorters .filter-colorFamily {
    padding-right: 0;
  }
}

.sorters .section-updater {
  width: 100%;
}

.sorters .section-updater .sorter-direction-wrapper {
  width: 100%;
}

.sorters .section-updater .section-item-wrapper {
  font-size: inherit;
}

.sorters .section-updater .section-item-wrapper .section-item {
  padding-bottom: 0.5em;
}

.sorters .section-updater .section-item-wrapper:last-child {
  border-bottom: 0;
}

.filters-sorters-band-wrapper .section-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-left: 1em;
  margin-bottom: 2em;
  padding-top: 1em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .filters-sorters-band-wrapper .section-header {
    border-bottom: 1px solid gray;
  }
}

li[class*='tags-Collection'],
li[class*='tags-Contest'],
li[class*='tags-collection'],
li[class*='tags-contest'],
li[class*='featured'] {
  display: none;
}

.filter-gender {
  display: flex;
  flex-direction: column;
}

.filter-gender .gender-women {
  order: 0;
}

.filter-gender .gender-men {
  order: 1;
}

.filter-gender .gender-unisex {
  order: 2;
}

.search-results {
  opacity: 1;
}

.search-results.ng-hide {
  opacity: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-sale .category-breadcrumbs span {
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
  }
  .category-sale .category-breadcrumbs h1 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
}

.sale-header {
  height: 0;
  padding-bottom: 25%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .sale-header {
    margin-bottom: 0;
    padding-bottom: 65.3333333%;
    background-position: center center;
  }
}

.sale-filters {
  border-bottom: 4px solid #e8e7e6;
  margin-bottom: 1em;
  padding-bottom: 1.75em;
  display: none;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 64.0625em) {
  .sale-filters {
    display: flex;
    justify-content: space-between;
  }
}

.sale-filters i {
  color: #807873;
}

.sale-filters .sale-filter {
  text-align: center;
}

.sale-filters .sale-filter i {
  display: block;
  line-height: 1.2;
  margin-bottom: 0;
}

.button.free-shipping-button, .poll__answers .list .free-shipping-button.poll__answer {
  margin-top: 1em;
  width: 160px;
  height: auto;
  text-align: left;
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .button.free-shipping-button, .poll__answers .list .free-shipping-button.poll__answer {
    display: inline-block;
  }
}

.button.free-shipping-button i, .poll__answers .list .free-shipping-button.poll__answer i {
  font-size: 2em;
  margin-right: 0.25em;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.button.free-shipping-button strong, .poll__answers .list .free-shipping-button.poll__answer strong, .button.free-shipping-button .link, .poll__answers .list .free-shipping-button.poll__answer .link, .button.free-shipping-button .comment-body a, .comment-body .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .comment-body a, .comment-body .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .comment-body .read-more-button, .comment-body .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .comment-body .read-more-button, .comment-body .poll__answers .list .free-shipping-button.poll__answer .read-more-button,
.button.free-shipping-button .comment-header a, .comment-header .button.free-shipping-button a,
.poll__answers .list .free-shipping-button.poll__answer .comment-header a, .comment-header .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .comment-header .read-more-button, .comment-header .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .comment-header .read-more-button, .comment-header .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .h5 a, .real-time-stream .h5 .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .h5 a, .real-time-stream .h5 .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream #story h5 a, .real-time-stream #story h5 .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream #story h5 a, .real-time-stream #story h5 .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button #story .real-time-stream h5 a, #story .real-time-stream h5 .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer #story .real-time-stream h5 a, #story .real-time-stream h5 .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .main-nav__cart .menu-button, .main-nav__cart .button.free-shipping-button .menu-button, .poll__answers .list .free-shipping-button.poll__answer .main-nav__cart .menu-button, .main-nav__cart .poll__answers .list .free-shipping-button.poll__answer .menu-button, .button.free-shipping-button .input-feedback, .poll__answers .list .free-shipping-button.poll__answer .input-feedback, .button.free-shipping-button .icon-list--colored a, .icon-list--colored .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .icon-list--colored a, .icon-list--colored .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .icon-list--colored .read-more-button, .icon-list--colored .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .icon-list--colored .read-more-button, .icon-list--colored .poll__answers .list .free-shipping-button.poll__answer .read-more-button,
.button.free-shipping-button .icon-list--colored button, .icon-list--colored .button.free-shipping-button button,
.poll__answers .list .free-shipping-button.poll__answer .icon-list--colored button, .icon-list--colored .poll__answers .list .free-shipping-button.poll__answer button, .button.free-shipping-button .site-footer li, .site-footer .button.free-shipping-button li, .poll__answers .list .free-shipping-button.poll__answer .site-footer li, .site-footer .poll__answers .list .free-shipping-button.poll__answer li,
.button.free-shipping-button .site-footer a, .site-footer .button.free-shipping-button a,
.poll__answers .list .free-shipping-button.poll__answer .site-footer a, .site-footer .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .site-footer .read-more-button, .site-footer .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .site-footer .read-more-button, .site-footer .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .read-more a, .read-more .button.free-shipping-button a, .poll__answers .list .free-shipping-button.poll__answer .read-more a, .read-more .poll__answers .list .free-shipping-button.poll__answer a, .button.free-shipping-button .read-more .read-more-button, .read-more .button.free-shipping-button .read-more-button, .poll__answers .list .free-shipping-button.poll__answer .read-more .read-more-button, .read-more .poll__answers .list .free-shipping-button.poll__answer .read-more-button, .button.free-shipping-button .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .button.free-shipping-button button, .poll__answers .list .free-shipping-button.poll__answer .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .poll__answers .list .free-shipping-button.poll__answer button {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  display: block;
}

@media screen and (min-width: 1473px) {
  .design-ideas .product-card {
    min-height: 33.125em;
  }
}

.style-category section {
  padding: 0 1em;
}

@media screen and (min-width: 64.0625em) {
  .style-category section {
    padding: 0;
  }
}

.category-styles-header {
  max-height: 500px;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  padding: 10vw;
  position: relative;
  z-index: 0;
}

.category-styles-header:before {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 0;
}

.category-styles-header .h1, .category-styles-header .video-page h1, .video-page .category-styles-header h1, .category-styles-header .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .category-styles-header .content__headline, .category-styles-header .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .category-styles-header .product-name {
  position: relative;
  z-index: 1;
  margin-bottom: 0.25em;
}

@media screen and (min-width: 768px) {
  .category-styles-header .h1, .category-styles-header .video-page h1, .video-page .category-styles-header h1, .category-styles-header .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .category-styles-header .content__headline, .category-styles-header .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .category-styles-header .product-name {
    font-size: 4em;
  }
}

.category-styles-header p {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .category-styles-header p {
    font-size: 2em;
  }
}

.category-styles-header .category-breadcrumbs {
  position: relative;
  z-index: 1;
}

.category-styles-header .category-breadcrumbs,
.category-styles-header .category-breadcrumbs i,
.category-styles-header .category-breadcrumbs a,
.category-styles-header .category-breadcrumbs .read-more-button {
  color: #fff;
}

.category-styles-row {
  margin: 0 0 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .category-styles-row {
    flex-wrap: nowrap;
  }
}

.category-styles-row .image {
  flex: 1 1 50%;
  transition: transform 0.1s ease-in-out;
  text-align: center;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .category-styles-row .image {
    flex: 1;
    width: auto;
    max-width: 322px;
  }
}

.category-styles-row .image .image-description {
  padding: 2em;
}

.category-styles-row .image:hover {
  transform: scale(1.02);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  z-index: 1;
  cursor: pointer;
}

.category-styles-row .image h6 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
  line-height: 1.2;
}

.category-styles-row .image img {
  display: block;
}

.category-styles-row .image p {
  margin-bottom: 0;
}

.category-styles-row .image h4 {
  line-height: 2em;
  margin-bottom: 1em;
}

.category-header-image--full {
  height: 0;
  background-size: cover;
  padding-bottom: 100%;
  background-position: center center;
}

@media screen and (min-width: 64.0625em) {
  .category-header-image--full {
    padding-bottom: 28.57%;
  }
}

.hawaiian-shirt-machine {
  background-color: #fff4d8;
}

.hawaiian-shirt-machine .category-intro--custom {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 4em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .hawaiian-shirt-machine .category-intro--custom {
    margin-bottom: 2em;
  }
}

.hawaiian-shirt-machine .category-intro--custom img {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.hawaiian-shirt-machine .category-intro--custom p.lead {
  margin-bottom: 0;
  padding: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .hawaiian-shirt-machine .category-intro--custom p.lead {
    padding: 0 1em;
    font-size: 0.875em;
  }
}

.hawaiian-shirt-machine .category-styles-row {
  display: none;
}

.hawaiian-shirt-machine .swiper-button-next {
  right: -4em;
}

.hawaiian-shirt-machine .swiper-button-prev {
  left: -4em;
}

.hawaiian-shirt-machine .header-image {
  position: relative;
  height: 0;
  padding-bottom: 49.4818653%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64.0625em) {
  .hawaiian-shirt-machine .header-image {
    padding-bottom: 27.2857143%;
  }
}

.hawaiian-shirt-machine .header-image:before {
  content: '';
  background-image: url(/angular/src/images/robot-pineapple-circle-logo.svg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40vw auto;
}

@media screen and (min-width: 768px) {
  .hawaiian-shirt-machine .header-image:before {
    background-size: 30vw auto;
  }
}

@media screen and (min-width: 64.0625em) {
  .hawaiian-shirt-machine .header-image:before {
    background-size: 200px auto;
  }
}

@media screen and (min-width: 1216px) {
  .hawaiian-shirt-machine .header-image:before {
    background-size: 290px auto;
  }
}

.hawaiian-shirt-machine section {
  position: relative;
  padding: 7em 1em;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media screen and (min-width: 1473px) {
  .hawaiian-shirt-machine section {
    padding: 7em 0;
  }
}

.hawaiian-shirt-machine section h3 {
  text-align: center;
  font-family: 'Shrikhand';
  letter-spacing: 1px;
  font-size: 1.5em;
}

@media screen and (min-width: 768px) {
  .hawaiian-shirt-machine section h3 {
    font-size: 3em;
  }
}

.hawaiian-shirt-machine section .swimlane {
  width: 1200px;
}

.hawaiian-shirt-machine section .product-card .product__image {
  background: #ffde8c;
}

.hawaiian-shirt-machine section .submissions-loading {
  padding-bottom: 5em;
}

.hawaiian-shirt-machine section:before {
  content: '';
  left: 50%;
  top: -75px;
  margin-left: -75px;
  position: absolute;
  background: url(/angular/src/images/robot-pineapple.svg) no-repeat;
  width: 150px;
  height: 150px;
}

.hawaiian-shirt-machine .load-more {
  margin: 3em auto;
  max-width: 100em;
}

.hawaiian-shirt-machine p.lead {
  text-align: center;
  max-width: 54em;
  display: block;
  margin: 0 auto 1.5em;
  font-size: 1em;
}

@media screen and (min-width: 768px) {
  .hawaiian-shirt-machine p.lead {
    font-size: 1.5em;
  }
}

.hawaiian-shirt-machine .hsm-available {
  padding-top: 0;
  background-color: #fff4d8;
}

.hawaiian-shirt-machine .hsm-available:before {
  display: none;
}

.hawaiian-shirt-machine .hsm-crowdfunding {
  background-color: #ffde8c;
}

.hawaiian-shirt-machine .hsm-design-ideas {
  background-color: #fff4d8;
}

.hawaiian-shirt-machine .hsm-submit {
  background-color: #ffde8c;
  text-align: center;
}

.hawaiian-shirt-machine .spinner {
  margin-bottom: 100px;
}

.hawaiian-shirt-machine .grid--3 {
  max-width: 100em;
  margin: 0 auto;
}

.hawaiian-shirt-machine .jump-links {
  display: block;
  margin: 0 auto 1em;
  text-align: center;
}

.hawaiian-shirt-machine .jump-links.jump-links-sticky {
  display: none;
}

.hawaiian-shirt-machine .jump-links.jump-links-sticky.active {
  display: block;
  z-index: 10;
  padding: 1em;
  position: fixed;
  width: 100vw;
  background-color: #fff;
  top: 6.375em;
}

@media screen and (min-width: 768px) {
  .hawaiian-shirt-machine .jump-links.jump-links-sticky.active {
    top: 6.375em;
  }
}

@media screen and (min-width: 64.0625em) {
  .hawaiian-shirt-machine .jump-links.jump-links-sticky.active {
    top: 7.375em;
  }
}

.hawaiian-shirt-machine .jump-links.jump-links-sticky.active button {
  border-bottom: none;
}

.hawaiian-shirt-machine .jump-links button {
  font-family: 'Shrikhand';
  border-bottom: 1px solid transparent;
  transition: color 0.25s;
}

@media screen and (min-width: 768px) {
  .hawaiian-shirt-machine .jump-links button {
    font-size: 2em;
  }
}

.hawaiian-shirt-machine .jump-links button:hover, .hawaiian-shirt-machine .jump-links button.active {
  border-bottom: 1px solid #4c8226;
  color: #7cc945;
}

.hawaiian-shirt-machine .jump-links button + button {
  margin-left: 1em;
}

.custom-html-header {
  height: 0;
  margin-bottom: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 100%;
}

@media screen and (min-width: 768px) {
  .custom-html-header {
    margin-bottom: 1.5em;
    padding-bottom: 28.5714286%;
  }
}

/*Holiday treats page snow*/
.category-358:after {
  display: block;
  content: '';
  background-color: transparent;
  background-image: url(../../../media/sale/snow/snowFlake01.png), url(../../../media/sale/snow/snowBalls01.png);
  -webkit-animation: snow 20s linear infinite;
          animation: snow 20s linear infinite;
  z-index: 1999;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin-top: 0;
  pointer-events: none;
  position: absolute;
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

.category-header-custom__icon {
  max-width: 40%;
  height: auto;
}

.category-header-custom {
  position: relative;
  overflow: hidden;
  color: white;
  width: 100%;
}

.category-header-custom:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-header-custom {
    height: 15.625em;
  }
}

@media screen and (min-width: 768px) {
  .category-header-custom {
    height: 0;
    padding-bottom: 30.4347826%;
    margin-bottom: 1em;
  }
}

.category-header-custom .category-header-custom__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

html.lt-ie10 .category-header-custom .category-header-custom__title {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category-header-custom video,
  .category-header-custom .category-header-custom__poster {
    position: absolute;
    height: 250px;
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .category-header-custom video,
  .category-header-custom .category-header-custom__poster {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
}

.category-header-custom h1 {
  font-size: 1.625em;
  line-height: 2;
}

@media screen and (min-width: 64.0625em) {
  .category-header-custom h1 {
    font-size: 3em;
    line-height: 2;
  }
}

.category-header-custom h1 img {
  width: 1em;
  display: inline-block;
  position: relative;
  top: -0.1875em;
  margin-left: 0.0625em;
  margin-right: 0.0625em;
}

.category-header-custom h2 {
  font-size: 1.25em;
}

.thinktank .billboard {
  background-color: #fcfbfb;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 90em;
}

.thinktank .billboard .buttons-container .button, .thinktank .billboard .buttons-container .poll__answers .list .poll__answer, .poll__answers .list .thinktank .billboard .buttons-container .poll__answer {
  background-color: #fff;
}

.thinktank .section--header {
  color: #a09995;
  text-transform: uppercase;
  padding: 1em 1em 2em;
}

@media screen and (min-width: 1216px) {
  .thinktank .section--header {
    padding: 1em 0;
  }
}

.sticky-category .sticky-category--title {
  font-size: 2em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.sticky-category .sticky-category--section-name {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media screen and (min-width: 64.0625em) {
  .sticky-category .sticky-category--title {
    font-size: 4em;
  }
}

@media screen and (min-width: 1216px) {
  .sticky-category .sticky-category--title {
    font-size: 4em;
  }
}

.dpyp-description p.lead {
  color: #545454;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .dpyp-description p.lead {
    font-size: 1.125em;
  }
}

.shop-by-size__header {
  position: relative;
  margin-bottom: 3em;
}

.shop-by-size__header .shop-by-size__mobile-graphic {
  display: block;
}

.shop-by-size__header .shop-by-size__desktop-graphic {
  display: none;
}

.shop-by-size__header h1 {
  font-size: 2em;
}

.shop-by-size__header .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.shop-by-size__header .inner .size-box {
  font-size: 0.75rem;
  position: absolute;
  bottom: -2em;
  padding: 0.25em;
  background-color: #656565;
}

.shop-by-size__header .inner .size-box .size-box-inner {
  padding: 0.5em 1em;
  border: 2px solid #fff;
}

.shop-by-size__header .inner .size-box .size-box-inner .my-size-label {
  font-weight: 600;
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 0 2em;
  margin: 0 auto;
}

.shop-by-size__header .inner .size-box .size-box-inner .my-size {
  font-weight: bold;
  font-size: 1.25em;
}

.shop-by-size__header .inner .size-box .size-box-inner .not-your-size-link {
  font-size: 0.8em;
  display: block;
  text-decoration: underline;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .shop-by-size__header {
    margin-bottom: 2em;
  }
  .shop-by-size__header .shop-by-size__desktop-graphic {
    display: block;
  }
  .shop-by-size__header .shop-by-size__mobile-graphic {
    display: none;
  }
  .shop-by-size__header .inner .size-box {
    font-size: 1rem;
    bottom: -1em;
  }
  .shop-by-size__header .inner .h1, .shop-by-size__header .inner .video-page h1, .video-page .shop-by-size__header .inner h1, .shop-by-size__header .inner .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .shop-by-size__header .inner .content__headline, .shop-by-size__header .inner .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .shop-by-size__header .inner .product-name {
    font-size: 4em;
  }
  .shop-by-size__header .inner .not-your-size-link {
    font-size: 1.2em;
  }
}

.grouped-category .header {
  background-color: #eef0f3;
}

.grouped-category .header h1 {
  font-size: 2.4em;
  margin-bottom: 0;
}

@media screen and (min-width: 64.0625em) {
  .grouped-category .header h1 {
    margin-bottom: 0.2em;
    font-size: 4em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .header p.lead {
    font-size: 1em;
  }
}

.grouped-category .header p.secondary {
  font-size: 1em;
}

.grouped-category .header .description {
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .header .description {
    margin-bottom: 0;
  }
}

.grouped-category .header .section-selector {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.grouped-category .header .section-selector::after {
  clear: both;
  content: '';
  display: table;
}

.grouped-category .header .section-selector .decorated-type {
  text-transform: uppercase;
  color: black;
  margin-bottom: 0;
}

.grouped-category .section-preview-header-collapsed-on-init {
  background-color: #eef0f3;
  padding: 0 1em 3em;
}

.grouped-category .page-columns {
  max-width: inherit;
}

@media screen and (min-width: 64.0625em) {
  .grouped-category .page-columns .page-column--left {
    flex: 0 18em;
    padding-right: 5em;
  }
}

.grouped-category .grouped-products-sections {
  margin: 3em auto 0;
  max-width: 90em;
}

.grouped-category .grouped-products-sections .group-header-container {
  margin-top: 1em;
  margin-bottom: 2em;
}

.grouped-category .grouped-products-sections .group-header-container .selected-filters {
  margin-left: 0;
  margin-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .grouped-products-sections .group-header-container .selected-filters {
    margin-left: 2em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .grouped-products-sections .group-header-container {
    margin-left: 1em;
  }
}

.grouped-category .grouped-products-sections .category-products {
  width: auto;
  margin: 1em 0;
}

.grouped-category .grouped-products-sections .category-products .product-card {
  flex: 0 32%;
  margin-right: 1em;
  margin-bottom: 3em;
}

.grouped-category .grouped-products-sections .category-products .product-card:nth-child(3n) {
  margin-right: 0;
}

.grouped-category .grouped-products-sections .category-products .product-card .product-card--outer {
  height: 100%;
}

.grouped-category .grouped-products-sections .category-products .product-card .product-card--outer .product-card--inner {
  height: 100%;
  border: none;
}

.grouped-category .grouped-products-sections .category-products .product-card .product__image {
  border: none;
}

.grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer {
  background-size: cover;
}

.grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card {
  height: 100%;
  background-size: cover;
  background-position: center;
  border: none;
  transition: transform 0.3s;
}

.grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card:hover {
  transform: scale(1.015);
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .h2, .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .h3, .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card h3, .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card h3, .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .out-of-stock__modal--label, .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .out-of-stock__modal--label {
    font-size: 1.3125em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .grouped-products-sections .category-products .product-card .promo-card--outer .promo-card .well {
    padding: 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .grouped-products-sections .category-products .product-card {
    flex: 0 47%;
    min-width: 0;
  }
  .grouped-category .grouped-products-sections .category-products .product-card:nth-child(odd) {
    flex: 0 47%;
    margin-right: 1em;
  }
  .grouped-category .grouped-products-sections .category-products .product-card:nth-child(even) {
    margin-right: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .grouped-products-sections .category-products {
    margin-right: 0.325em;
    margin: 1em;
  }
}

.grouped-category .grouped-products-sections .scroll-up {
  text-align: right;
  padding-bottom: 1em;
  margin-right: 1em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category .grouped-products-sections {
    margin: auto;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category {
    margin-top: 0;
  }
  .grouped-category .section-preview-header-collapsed-on-init {
    position: -webkit-sticky;
    position: sticky;
    z-index: 39;
    background-color: white;
    padding: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .grouped-category .section-preview-header-collapsed-on-init {
    top: 6.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .grouped-category .section-preview-header-collapsed-on-init {
    top: 6.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .grouped-category .section-preview-header-collapsed-on-init {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 8.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 8.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .is-skinny-nav-hidden .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 3.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .is-skinny-nav-hidden .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 3.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 10.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 10.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 12.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 12.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 7.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 7.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .grouped-category .section-preview-header-collapsed-on-init,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .grouped-category .section-preview-header-collapsed-on-init {
    top: 8.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category .section-preview-header .section-preview-image {
    background-color: #fff;
  }
  .grouped-category .section-preview-header .section-name {
    min-width: 6em;
  }
  .grouped-category .selected-filters {
    margin: 1em;
  }
  .grouped-category .section-header-container {
    margin: 1em;
  }
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .type-property {
  display: block;
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .type-property,
.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .name-property,
.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .product-price {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  margin-bottom: 0;
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .type-property,
.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .product-price {
  font-weight: 700;
  margin-bottom: 0;
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .product-price {
  text-align: right;
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .style-property {
  font-size: 1.3125em;
  line-height: 1.1428571428571428;
  margin-bottom: 1.1428571428571428em;
  font-weight: 700;
  margin-bottom: 0;
}

.grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .name-property {
  margin-top: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .type-property,
  .grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .name-property,
  .grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .product-price {
    font-size: 0.875em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    margin-bottom: 0;
  }
  .grouped-category.grouped-by-type .grouped-products-sections .category-products .product-card .card-details.tiered .style-property {
    font-size: 1.3125em;
    line-height: 1.1428571428571428;
    margin-bottom: 1.1428571428571428em;
    margin-bottom: 0;
  }
}

.grouped-category.grouped-by-style .grouped-products-sections .category-products .product-card {
  margin-bottom: 0;
}

.grouped-category.grouped-by-style .product-card:hover .card-details.tiered .swatches .circle-see-more-swatch-count {
  display: none;
}

.grouped-category.grouped-by-style .product-card:hover .card-details.tiered .swatches .hidden-swatch {
  display: inline-block;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered {
  min-height: 15em;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .type-property-container {
  flex: 0 0 65%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .type-property-container {
    flex: 0 0 75%;
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .type-property-container {
    flex: 0 0 65%;
  }
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .tiered-product-name-line:first-child,
.grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
  font-weight: initial;
  font-size: 1.125em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .tiered-product-name-line:first-child,
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
    font-size: 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .tiered-product-name-line:first-child,
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .tiered-product-name-line:first-child,
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
    font-size: 0.8em;
  }
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .type-property,
.grouped-category.grouped-by-style .product-card .card-details.tiered .style-property {
  display: inline;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .name-property {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .name-property {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .name-property {
    max-width: 8em;
  }
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .type-style-separator:before {
  content: '• ';
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .type-style-separator:before {
    content: none;
  }
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .swatch {
  transition: margin 150ms linear;
  margin-right: -0.75em;
  border: 1px solid white;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 0.0625em;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .circle-see-more-swatch-count .swatch {
  background-color: #eef0f3;
  border: 1px solid #eef0f3;
  text-align: center;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .circle-see-more-swatch-count .swatch .swatch-text {
  font-size: 0.675em;
  font-weight: 700;
  position: relative;
  bottom: 0.25em;
  right: 0.125em;
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .hidden-swatch {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches {
    margin-top: 0.5em;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .circle-see-more-swatch-count {
    display: none;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .hidden-swatch {
    display: inline-block;
  }
}

.grouped-category.grouped-by-style .product-card .card-details.tiered .product-card-cta {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-family-member-color {
    font-size: 0.9em;
    display: block;
    line-height: initial;
    margin-bottom: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .name-property,
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
    font-size: 0.9em;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .product-price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-top;
  }
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .type-property {
    display: block;
    line-height: initial;
    padding-top: 0.25em;
  }
}

.grouped-category.grouped-by-style .product-card:hover .card-details .swatches .swatch {
  margin-right: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches {
    display: flex;
    flex-wrap: wrap;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .swatch-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.25em;
    margin-bottom: 0.75em;
    border: 1px solid white;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .swatch-container.swatch--selected {
    border: 1px solid black;
    border-radius: 50%;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .swatch {
    display: inline-block;
    margin-right: 0.0125em;
    width: 1.625em;
    height: 1.625em;
    vertical-align: bottom;
    margin: 0;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .swatch-label-text {
    display: inline;
    text-transform: capitalize;
  }
  .grouped-category.grouped-by-style .product-card .card-details.tiered .swatches .full-swatch-count {
    display: none;
  }
  .grouped-category.grouped-by-style .product-card .see-more-swatch-count {
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .grouped-category.grouped-by-style .section-header-container .section-header-name {
    font-size: 1.25em;
  }
  .grouped-category.grouped-by-style .section-header-container .secondary {
    font-size: 1em;
  }
  .grouped-category.grouped-by-style .section-preview-header .section-name {
    min-width: 8em;
  }
  .grouped-category.grouped-by-style .see-more-swatch-count {
    display: none;
  }
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .grouped-products-sections .category-products .product-card {
  margin-bottom: 0;
}

@media screen and (min-width: 64.0625em) {
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card:hover .card-details.tiered .swatches .circle-see-more-swatch-count {
    display: none;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card:hover .card-details.tiered .swatches .hidden-swatch {
    display: inline-block;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card:hover .card-details.tiered .swatches .swatch {
    margin-right: 0.25em;
  }
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered {
  min-height: 15em;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .tiered-product-card-details--no-name-fragments .swatches {
  display: none;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .name-property {
  margin-bottom: 0;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .swatch {
  transition: margin 175ms ease-out;
  margin-right: -0.75em;
  border: 1px solid white;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 0.0625em;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .circle-see-more-swatch-count .swatch {
  background-color: #eef0f3;
  border: 1px solid #eef0f3;
  text-align: center;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .circle-see-more-swatch-count .swatch .swatch-text {
  font-size: 0.675em;
  font-weight: 700;
  position: relative;
  bottom: 0.125em;
  right: 0.125em;
}

.grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .hidden-swatch {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches {
    margin-top: 0.5em;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .circle-see-more-swatch-count {
    display: none;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .hidden-swatch {
    display: inline-block;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches {
    display: flex;
    flex-wrap: wrap;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .swatch-container {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.25em;
    margin-bottom: 0.75em;
    border: 1px solid white;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .swatch-container.swatch--selected {
    border: 1px solid black;
    border-radius: 50%;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .swatch {
    display: inline-block;
    margin-right: 0.0125em;
    width: 1.625em;
    height: 1.625em;
    vertical-align: bottom;
    margin: 0;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .swatch-label-text {
    display: inline;
    text-transform: capitalize;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .card-details.tiered .swatches .full-swatch-count {
    display: none;
  }
  .grouped-category.t292CollapsedSwatchesOnGroupedProductCards .product-card .see-more-swatch-count {
    display: block;
  }
}

.sale-custom-hero {
  font-size: 0.45rem;
  background-size: cover;
  background-position: center;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .sale-custom-hero {
    font-size: 0.8rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .sale-custom-hero {
    font-size: 1rem;
  }
}

.category.dpyp-category {
  margin-bottom: 3em;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.category.dpyp-category::after {
  clear: both;
  content: '';
  display: table;
}

.category.dpyp-category p {
  text-align: center;
}

.category.dpyp-category .category-header--welcome {
  padding-top: 1em;
  max-width: 60em;
  margin: 0 auto;
}

.category.dpyp-category .category-header-dpyp {
  position: relative;
  overflow: hidden;
  color: white;
  width: 100%;
}

.category.dpyp-category .category-header-dpyp:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category.dpyp-category .category-header-dpyp {
    height: 12.5em;
    background: url(/media/videos/dpyp-video-poster2.jpg);
    background-position: center;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .category.dpyp-category .category-header-dpyp {
    height: 0;
    padding-bottom: 30.4347826%;
    margin-bottom: 1em;
    background: url(/media/videos/dpyp-video-poster.jpg);
    background-position: center;
    background-size: cover;
  }
}

.category.dpyp-category .category-header-dpyp .category-header__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.category.dpyp-category .category-header-dpyp .category-header__title .discount-code-style {
  color: #42d83b;
}

.category.dpyp-category .category-header-dpyp .category-header__title strong:hover, .category.dpyp-category .category-header-dpyp .category-header__title .link:hover, .category.dpyp-category .category-header-dpyp .category-header__title .comment-body a:hover, .comment-body .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .comment-body .read-more-button:hover, .comment-body .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover,
.category.dpyp-category .category-header-dpyp .category-header__title .comment-header a:hover, .comment-header .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .comment-header .read-more-button:hover, .comment-header .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .profile-card__bottom.profile-card__bottom--bio a:hover, .profile-card__bottom.profile-card__bottom--bio .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .profile-card__bottom.profile-card__bottom--bio .read-more-button:hover, .profile-card__bottom.profile-card__bottom--bio .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .h5 a:hover, .real-time-stream .h5 .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a:hover, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a:hover, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .product-card .product-card--design-idea .product-card-name a:hover, .real-time-stream .product-card .product-card--design-idea .product-card-name .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .product-card .product-card--design-idea .real-time-stream .product-card-name a:hover, .product-card .product-card--design-idea .real-time-stream .product-card-name .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream #story h5 a:hover, .real-time-stream #story h5 .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title #story .real-time-stream h5 a:hover, #story .real-time-stream h5 .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .filters .section-header a:hover, .real-time-stream .filters .section-header .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .filters .real-time-stream .section-header a:hover, .filters .real-time-stream .section-header .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .sorters .section-header a:hover, .real-time-stream .sorters .section-header .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .sorters .real-time-stream .section-header a:hover, .sorters .real-time-stream .section-header .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .chat-notification__title a:hover, .real-time-stream .chat-notification__title .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .h5 .read-more-button:hover, .real-time-stream .h5 .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button:hover, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button:hover, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button:hover, .real-time-stream .product-card .product-card--design-idea .product-card-name .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button:hover, .product-card .product-card--design-idea .real-time-stream .product-card-name .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream #story h5 .read-more-button:hover, .real-time-stream #story h5 .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title #story .real-time-stream h5 .read-more-button:hover, #story .real-time-stream h5 .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .filters .section-header .read-more-button:hover, .real-time-stream .filters .section-header .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .filters .real-time-stream .section-header .read-more-button:hover, .filters .real-time-stream .section-header .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .sorters .section-header .read-more-button:hover, .real-time-stream .sorters .section-header .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .sorters .real-time-stream .section-header .read-more-button:hover, .sorters .real-time-stream .section-header .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .real-time-stream .chat-notification__title .read-more-button:hover, .real-time-stream .chat-notification__title .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .main-nav__cart .menu-button:hover, .main-nav__cart .category.dpyp-category .category-header-dpyp .category-header__title .menu-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .input-feedback:hover, .category.dpyp-category .category-header-dpyp .category-header__title .icon-list--colored a:hover, .icon-list--colored .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .icon-list--colored .read-more-button:hover, .icon-list--colored .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover,
.category.dpyp-category .category-header-dpyp .category-header__title .icon-list--colored button:hover, .icon-list--colored .category.dpyp-category .category-header-dpyp .category-header__title button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .site-footer li:hover, .site-footer .category.dpyp-category .category-header-dpyp .category-header__title li:hover,
.category.dpyp-category .category-header-dpyp .category-header__title .site-footer a:hover, .site-footer .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .site-footer .read-more-button:hover, .site-footer .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .read-more a:hover, .read-more .category.dpyp-category .category-header-dpyp .category-header__title a:hover, .category.dpyp-category .category-header-dpyp .category-header__title .read-more .read-more-button:hover, .read-more .category.dpyp-category .category-header-dpyp .category-header__title .read-more-button:hover, .category.dpyp-category .category-header-dpyp .category-header__title .product-sidebar .product-questions-link button:hover, .product-sidebar .product-questions-link .category.dpyp-category .category-header-dpyp .category-header__title button:hover {
  color: #e32f45;
}

html.lt-ie10 .category.dpyp-category .category-header-dpyp .category-header__title {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  height: auto;
}

@media screen and (min-width: 64.0625em) {
  .category.dpyp-category .category-header-dpyp .category-header__title h2 {
    font-size: 1.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .category.dpyp-category .category-header-dpyp video,
  .category.dpyp-category .category-header-dpyp .category-header__poster {
    position: absolute;
    height: 250px;
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .category.dpyp-category .category-header-dpyp video,
  .category.dpyp-category .category-header-dpyp .category-header__poster {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
}

.category.dpyp-category h1 {
  font-size: 1.625em;
  line-height: 2;
}

@media screen and (min-width: 64.0625em) {
  .category.dpyp-category h1 {
    font-size: 3em;
    line-height: 2;
  }
}

.category.dpyp-category h1 img {
  width: 1em;
  display: inline-block;
  position: relative;
  top: -0.1875em;
  margin-left: 0.0625em;
  margin-right: 0.0625em;
}

.category.dpyp-category h2 {
  font-size: 1.25em;
}

.category-header__description {
  text-align: center;
  padding: 1em;
}

.category-header__description p:last-child {
  margin-bottom: 0;
}

.category__alt {
  text-align: center;
}

.category-styles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  margin: 2em 1em;
}

.category-styles::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 64.0625em) {
  .category-styles {
    margin: 2em;
    justify-content: center;
  }
}

@media screen and (min-width: 1473px) {
  .category-styles {
    margin: 0 0 2em;
  }
}

.category-styles .category-styles__style {
  background-color: white;
  text-align: center;
  padding-bottom: 1.5em;
  margin-bottom: 0.5em;
  width: 100%;
}

.category-styles .category-styles__style a, .category-styles .category-styles__style .read-more-button {
  text-decoration: none;
  cursor: pointer;
}

.category-styles .category-styles__style a:hover, .category-styles .category-styles__style .read-more-button:hover {
  cursor: pointer;
}

@media screen and (min-width: 35.5em) {
  .category-styles .category-styles__style {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .category-styles .category-styles__style:last-child {
    margin-right: 0;
  }
  .category-styles .category-styles__style:nth-child(2n) {
    margin-right: 0;
  }
  .category-styles .category-styles__style:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1216px) {
  .category-styles .category-styles__style {
    width: 20%;
    margin: 0;
  }
}

.category-styles .category-styles__style:hover {
  text-decoration: none;
}

.category-styles h3 {
  margin-top: 1em;
  text-transform: capitalize;
}

.category-styles__image {
  height: 0;
  padding-bottom: 170%;
  overflow: hidden;
  border: 1px solid #fff;
  margin-bottom: 1em;
}

.category-styles__image img {
  width: 100%;
  transform: translateZ(0);
  transition: all 0.2s ease-in-out;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
}

@media screen and (min-width: 64.0625em) {
  .category-styles__image:hover img {
    transform: scale(1.03);
  }
}

.category-styles__swatches {
  cursor: pointer;
  position: relative;
  margin: 0 auto;
  padding: 0 1em;
  margin-top: -0.7em;
  margin-bottom: 0.7em;
}

.category-styles__swatches a, .category-styles__swatches .read-more-button {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  text-indent: -9999px;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  border: 3px solid white;
  background-size: cover;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .category-styles__swatches a, .category-styles__swatches .read-more-button {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 64.0625em) {
  .category-styles__swatches a, .category-styles__swatches .read-more-button {
    width: 36px;
    height: 36px;
  }
}

.category-styles__swatches a:hover, .category-styles__swatches .read-more-button:hover {
  transform: scale(1.15);
}

.category-styles__swatches div {
  padding-top: 0.5em;
  width: 100%;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
}

.category-styles__styleselector .button-group {
  display: inline-block;
  margin: 0 auto;
}

@media screen and (min-width: 64.0625em) {
  .category-styles__styleselector .button-group .button.button-outline, .category-styles__styleselector .button-group .poll__answers .list .poll__answer, .poll__answers .list .category-styles__styleselector .button-group .poll__answer {
    font-size: 0.7em;
  }
}

.category-styles__styleselector .style-count {
  padding-top: 0.5em;
  width: 100%;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
}

.account {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.account::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 1473px) {
  .account {
    padding: 0;
  }
}

.account-order {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.account-order::after {
  clear: both;
  content: '';
  display: table;
}

.account-order .account-order__confirm-account {
  position: relative;
  background-color: #d2f5ed;
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .account-order .account-order__confirm-account {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
    margin: 0 0 0 auto;
    display: block;
    float: inherit;
  }
  .account-order .account-order__confirm-account:last-child {
    margin-right: 0;
  }
}

.account-order .account-order__confirm-account .confirm-account__icon {
  padding: 1em 0 1em 1em;
}

.account-order .account-order__confirm-account .confirm-account__content {
  padding: 1em;
}

.referrals-form:not(.referrals-modal__referral-form) {
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.referrals-form:not(.referrals-modal__referral-form)::after {
  clear: both;
  content: '';
  display: table;
}

.referrals-modal__referral-form.modal .decorated-type, .referrals-modal__referral-form.black-white-modal .decorated-type {
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

.referrals-alt-shares {
  display: flex;
  justify-content: space-between;
}

.referrals-alt-shares :first-child {
  width: 100%;
}

.referrals-alt-shares button {
  width: 3.5em;
}

.referrals-alt-shares .referrals-alt-share + .referrals-alt-share {
  margin-left: 0.5em;
}

.user-account .page-column--right {
  margin: 2em 1em 0;
}

@media screen and (min-width: 64.0625em) {
  .user-account {
    margin: 2em 0 0;
  }
  .user-account .page-columns {
    min-height: 80vh;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .user-account-sidebar {
    padding-top: 1em;
    text-align: center;
  }
  .user-account-sidebar .avatar {
    display: table;
    margin: 0 auto;
  }
}

.user-account-sidebar .h3, .user-account-sidebar #story h3, #story .user-account-sidebar h3, .user-account-sidebar .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .user-account-sidebar .out-of-stock__modal--label {
  margin: 0.5em 0;
}

.user-account-sidebar .tabs {
  margin-bottom: 0;
}

.user-account-sidebar .account-menu__item {
  color: #807873;
}

.user-account-sidebar .account-menu__item.is-active {
  font-weight: bold;
  color: #333;
}

.user-account-sidebar .account-menu__item + .account-menu__item {
  margin-top: 0.25em;
}

.user-account-sidebar .sub-nav {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .user-account-sidebar .sub-nav {
    display: block;
    padding-left: 0.75em;
    padding-top: 0.5em;
  }
  .user-account-sidebar .account-menu__item {
    display: block;
  }
  .user-account-sidebar .account-menu__item:hover {
    color: #333;
  }
}

.account-referrals .callouts {
  border: 1px solid #edeceb;
}

.user-settings-nav {
  border-top: 4px solid #edeceb;
  padding-top: 1em;
  margin-top: 1em;
}

.user-settings-addresses .address-widget {
  margin-bottom: 1em;
}

.user-settings-addresses .address-widget .widget__content {
  min-height: 185px;
}

@media screen and (min-width: 768px) {
  .user-settings-addresses .address-widget {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .user-settings-addresses .address-widget:last-child {
    margin-right: 0;
  }
  .user-settings-addresses .address-widget:nth-child(2n) {
    margin-right: 0;
  }
  .user-settings-addresses .address-widget:nth-child(2n+1) {
    clear: left;
  }
}

.user-settings-saved-cards p {
  margin-bottom: 0;
}

.user-settings-saved-cards__card {
  display: flex;
  align-items: center;
}

.user-settings-saved-cards__card button {
  flex: 0 0 auto;
  margin-left: 1em;
}

.user-settings-saved-cards__card-image {
  width: 40px;
  margin-right: 1em;
}

.orders-list.view-type-min .order-receipt-refund-link,
.orders-list.view-type-min .shipped-to,
.orders-list.view-type-min .shipment-status--title,
.orders-list.view-type-min .shipment-status--details,
.orders-list.view-type-min .product-image,
.orders-list.view-type-min .review-link {
  display: none;
}

.orders-list.view-type-min .loading-message {
  text-align: center;
  padding-top: 1em;
}

.orders-list-item {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 1px solid #dcdad8;
}

.orders-list-item::after {
  clear: both;
  content: '';
  display: table;
}

.orders-list-item + .orders-list-item {
  margin-top: 1em;
}

.orders-list-item textarea {
  min-height: 2.5em;
}

.orders-list-item__order-header {
  background-color: #fcfbfb;
  border-bottom: 1px solid #dcdad8;
  padding: 0.5em;
}

.orders-list-item__order-header .button + .button, .orders-list-item__order-header .poll__answers .list .poll__answer + .button, .poll__answers .list .orders-list-item__order-header .poll__answer + .button, .orders-list-item__order-header .poll__answers .list .button + .poll__answer, .poll__answers .list .orders-list-item__order-header .button + .poll__answer, .orders-list-item__order-header .poll__answers .list .poll__answer + .poll__answer, .poll__answers .list .orders-list-item__order-header .poll__answer + .poll__answer {
  margin-top: 1em;
}

.orders-list-item__order-shipment {
  padding: 0.5em;
}

.orders-list-item__order-shipment + .orders-list-item__order-shipment {
  border-top: 1px solid #f4f4f3;
}

.orders-list-item__order-content .product-image {
  margin-right: 1em;
}

.orders-list-item__order-content .product-image img {
  width: 50px;
  max-width: 50px;
}

@media screen and (min-width: 768px) {
  .orders-list-item__order-content .product-image img {
    width: 100px;
    max-width: 100px;
  }
}

.orders-list-item__order-content + .orders-list-item__order-content {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #edeceb;
}

.orders-list-item__order-actions {
  max-width: 10em;
  text-align: right;
}

.order-list--img {
  width: 50px;
  padding-right: 0 !important;
}

@media screen and (min-width: 768px) {
  .order-list--img {
    width: 100px;
  }
}

@media screen and (min-width: 768px) {
  .orders-list-item__product {
    display: flex;
  }
  .orders-list-item__product a, .orders-list-item__product .read-more-button {
    flex: 0;
    margin-right: 1em;
  }
}

.orders-list-item__product a img, .orders-list-item__product .read-more-button img {
  border: 1px solid #edeceb;
}

.orders-list-item__product .orders-list-item__product-details {
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .orders-list-item__product .orders-list-item__product-details--top {
    margin: 1em 0;
    padding-bottom: 1em;
    border-bottom: 4px solid #edeceb;
  }
}

@media screen and (min-width: 64.0625em) {
  .orders-list-item__product .orders-list-item__product-details--top {
    margin-bottom: auto;
  }
}

.orders-list-item__product + .orders-list-item__product {
  margin-top: 1em;
}

.orders-list-item__product textarea {
  width: 100%;
}

@media screen and (min-width: 64.0625em) {
  .social-stats {
    display: flex;
    border: 1px solid #edeceb;
  }
}

.social-stats .social-stats__stat {
  background-color: #fcfbfb;
  flex: 0 33.333%;
  text-align: center;
  padding: 1em;
}

.profile-blank i {
  color: #a09995;
  margin-bottom: 0.25em;
}

.profile-page .card-gallery + .button, .profile-page .poll__answers .list .card-gallery + .poll__answer, .poll__answers .list .profile-page .card-gallery + .poll__answer,
.profile-page .profile-card-gallery + .button,
.profile-page .poll__answers .list .profile-card-gallery + .poll__answer,
.poll__answers .list .profile-page .profile-card-gallery + .poll__answer {
  margin: 0 auto;
  display: table;
}

.forgot-password,
.reset-password {
  padding: 2em;
  max-width: 37.5em;
}

.gift-certificate-redemption button {
  transition: all 0.2s;
}

.gift-certificate-redemption .gift-certificates-error-message p {
  margin-bottom: 0;
}

.gift-certificate-redemption .gift-certificates-error-message strong, .gift-certificate-redemption .gift-certificates-error-message .link, .gift-certificate-redemption .gift-certificates-error-message .comment-body a, .comment-body .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .comment-body .read-more-button, .comment-body .gift-certificate-redemption .gift-certificates-error-message .read-more-button,
.gift-certificate-redemption .gift-certificates-error-message .comment-header a, .comment-header .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .comment-header .read-more-button, .comment-header .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .profile-card__bottom.profile-card__bottom--bio a, .profile-card__bottom.profile-card__bottom--bio .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .profile-card__bottom.profile-card__bottom--bio .read-more-button, .profile-card__bottom.profile-card__bottom--bio .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .h5 a, .real-time-stream .h5 .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines a, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .product-card .product-card--design-idea .product-card-name a, .real-time-stream .product-card .product-card--design-idea .product-card-name .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .product-card .product-card--design-idea .real-time-stream .product-card-name a, .product-card .product-card--design-idea .real-time-stream .product-card-name .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream #story h5 a, .real-time-stream #story h5 .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message #story .real-time-stream h5 a, #story .real-time-stream h5 .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .filters .section-header a, .real-time-stream .filters .section-header .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .filters .real-time-stream .section-header a, .filters .real-time-stream .section-header .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .sorters .section-header a, .real-time-stream .sorters .section-header .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .sorters .real-time-stream .section-header a, .sorters .real-time-stream .section-header .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .chat-notification__title a, .real-time-stream .chat-notification__title .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .h5 .read-more-button, .real-time-stream .h5 .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button, .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .read-more-button, .product-card .default-product-card-details .product-card-name.no-name-fragments .real-time-stream .product-name--two-lines .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button, .real-time-stream .product-card .product-card--design-idea .product-card-name .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .product-card .product-card--design-idea .real-time-stream .product-card-name .read-more-button, .product-card .product-card--design-idea .real-time-stream .product-card-name .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream #story h5 .read-more-button, .real-time-stream #story h5 .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message #story .real-time-stream h5 .read-more-button, #story .real-time-stream h5 .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .filters .section-header .read-more-button, .real-time-stream .filters .section-header .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .filters .real-time-stream .section-header .read-more-button, .filters .real-time-stream .section-header .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .sorters .section-header .read-more-button, .real-time-stream .sorters .section-header .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .sorters .real-time-stream .section-header .read-more-button, .sorters .real-time-stream .section-header .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .real-time-stream .chat-notification__title .read-more-button, .real-time-stream .chat-notification__title .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .main-nav__cart .menu-button, .main-nav__cart .gift-certificate-redemption .gift-certificates-error-message .menu-button, .gift-certificate-redemption .gift-certificates-error-message .input-feedback, .gift-certificate-redemption .gift-certificates-error-message .icon-list--colored a, .icon-list--colored .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .icon-list--colored .read-more-button, .icon-list--colored .gift-certificate-redemption .gift-certificates-error-message .read-more-button,
.gift-certificate-redemption .gift-certificates-error-message .icon-list--colored button, .icon-list--colored .gift-certificate-redemption .gift-certificates-error-message button, .gift-certificate-redemption .gift-certificates-error-message .site-footer li, .site-footer .gift-certificate-redemption .gift-certificates-error-message li,
.gift-certificate-redemption .gift-certificates-error-message .site-footer a, .site-footer .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .site-footer .read-more-button, .site-footer .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .read-more a, .read-more .gift-certificate-redemption .gift-certificates-error-message a, .gift-certificate-redemption .gift-certificates-error-message .read-more .read-more-button, .read-more .gift-certificate-redemption .gift-certificates-error-message .read-more-button, .gift-certificate-redemption .gift-certificates-error-message .product-sidebar .product-questions-link button, .product-sidebar .product-questions-link .gift-certificate-redemption .gift-certificates-error-message button {
  color: #ec230c;
}

.account__section + .account__section {
  margin-top: 4em;
}

.account__section .account-section__header {
  display: flex;
  align-items: center;
  padding-bottom: 1em;
}

.account__section .account-section__header h2 {
  margin-bottom: 0;
}

.account__section .account-section__header a, .account__section .account-section__header .read-more-button {
  margin-left: 0.5em;
  color: #4c8226;
}

@media screen and (min-width: 768px) {
  .account-dashboard header {
    display: flex;
    align-items: center;
  }
  .account-dashboard header div {
    flex: 1;
  }
}

@media screen and (min-width: 768px) {
  div.submission-form {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1473px) {
  div.submission-form {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  div.submission-form::after {
    clear: both;
    content: '';
    display: table;
  }
}

.submissionForm {
  background-color: #fff;
  padding: 1em;
  border: 1px solid #edeceb;
}

@media screen and (min-width: 64.0625em) {
  .submissionForm {
    margin-right: 2em;
    padding: 2em;
  }
}

.submission-form__error {
  display: none;
}

.submission-panel {
  display: none;
}

.submission-panel--active {
  display: block;
}

.submission-preview .product-card {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
  line-height: 1.5em;
  text-align: center;
  border: 1px solid #e8e7e6;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}

.submission-preview .product-card:last-child {
  margin-right: 0;
}

.submission-preview .product-card:hover {
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.09);
}

.submission-preview .product-card .product-card__image {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  height: 0;
  padding-bottom: 100%;
  background-color: #e8e7e6;
}

.submission-preview .product-card .product-card__image .reposition-cover {
  opacity: 0;
  pointer-events: none;
  margin-top: -3em;
  transition: all 0.3s ease-in-out;
}

.submission-preview .product-card .product-card__image:hover button {
  opacity: 1;
  top: 0;
}

.submission-preview .product-card .product-card__image:hover button.button-rounded {
  top: 0;
}

.submission-preview .product-card .product-card__image.active:hover .flex-center {
  cursor: move;
}

.submission-preview .product-card .product-card__image.active:hover .button-wrapper .reposition-cover {
  pointer-events: none;
  opacity: 1;
  margin-top: 0;
}

.submission-preview .product-card .product-card__image.active:hover .button-wrapper button {
  display: none;
}

.submission-preview .product-card .product-card__image.active:hover img {
  transform: none;
  -webkit-filter: none;
          filter: none;
}

.submission-preview .product-card .product-card__image img {
  position: relative;
}

.submission-preview .product-card .button-wrapper .reposition-cover {
  pointer-events: none;
}

.submission-preview .product-card .button-wrapper .reposition-cover::-moz-selection {
  background-color: transparent;
}

.submission-preview .product-card .button-wrapper .reposition-cover::selection {
  background-color: transparent;
}

.submission-preview .product-card .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.submission-preview .product-card__status {
  position: relative;
  width: 75%;
  margin: 0 auto;
}

.submission-preview .product-card__status-tip {
  position: absolute;
  color: white;
  background-color: #4c8226;
  line-height: 1;
  font-size: 0.8em;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 1;
  top: -10%;
  margin-left: -0.2em;
  display: none;
}

.submission-preview .product-card__status-tip:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.1px 3.5px 0 3.5px;
  border-color: #4c8226 transparent transparent transparent;
  position: absolute;
  bottom: -3.5px;
  left: 0;
}

@media screen and (min-width: 64.0625em) {
  .submission-preview .product-card {
    margin-bottom: 1.5em;
  }
  .submission-preview .product-card__image {
    font-size: 95%;
  }
}

.submission-form__upload-previews {
  width: 100%;
  display: block;
  margin-left: 0;
}

.submission-form__upload-previews .use-as-preview {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-bottom: 0;
  background-color: #a09995;
}

.submission-form__upload-previews .banner-image {
  padding: 0.2em 0.3em;
  background: #4c8226;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: -1.5em;
  left: 0;
  width: auto;
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0;
}

.submission-form__upload-previews__image {
  position: relative;
  max-width: 25%;
  margin: 1em 1em 1em 0;
  display: block;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.submission-completed .submission-form__upload-previews__image {
  pointer-events: none;
}

.comment-body .submission-form__upload-previews__image {
  cursor: pointer;
}

.submission-form__upload-previews__image .delete {
  padding: 0.2em 0.3em;
  background: #a09995;
  position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  width: auto;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.submission-completed .submission-form__upload-previews__image .delete {
  opacity: 0;
  pointer-events: none;
}

.submission-form__upload-previews__image .delete:hover {
  text-decoration: none;
}

.submission-form__upload-previews__image .download {
  padding: 0.2em 0.3em;
  background: #a09995;
  position: absolute;
  color: #fff;
  top: 0;
  right: 1.5em;
  width: auto;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.submission-completed .submission-form__upload-previews__image .download {
  opacity: 0;
  pointer-events: none;
}

.submission-form__upload-previews__image .download:hover {
  text-decoration: none;
}

.submission-form__upload-previews__image.gu-transit .delete {
  display: none;
  opacity: 0;
}

.submission-form__upload-previews__image img {
  pointer-events: none;
  display: block;
}

.insta-headline {
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .insta-headline {
    display: flex;
    align-items: center;
  }
}

.insta-headline .insta-logo {
  margin-bottom: 2em;
  max-width: 200px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .insta-headline .insta-logo {
    margin-bottom: 0;
    margin-right: 3em;
  }
}

.insta-headline img {
  width: 100%;
  display: table;
  margin: 0 auto;
}

.insta-headline h1 {
  line-height: 1.2;
}

.insta-headline :last-child {
  margin-bottom: 0;
}

.insta-links {
  width: 100%;
  display: flex;
  justify-content: center;
}

.insta-links a, .insta-links .read-more-button {
  flex: 1;
  transition: all 0.3s ease-in-out;
  background-color: #4c8226;
  padding: 1em;
  border-radius: 4px;
}

.insta-links a:nth-child(2), .insta-links .read-more-button:nth-child(2) {
  background-color: #27a8e0;
}

.insta-links a:nth-child(3), .insta-links .read-more-button:nth-child(3) {
  background-color: #c156ff;
}

.insta-links a:hover, .insta-links .read-more-button:hover {
  transform: scale(1.1);
  opacity: 0.75;
}

@media screen and (min-width: 768px) {
  .insta-links {
    max-width: 37.5em;
    margin: 0 auto;
  }
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.draggable ul[dnd-list],
.draggable ul[dnd-list] > li {
  position: relative;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.draggable ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.draggable ul[dnd-list] .dndPlaceholder {
  position: relative;
  max-width: 23%;
  margin: 20px 20px 15px 0;
  display: inline-block;
  min-width: 5em;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.draggable ul[dnd-list] li {
  display: inline-block;
}

.mce-path {
  visibility: hidden;
}

.mce-label {
  min-width: 60px !important;
}

.page--centered, .video-page {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .page--centered, .video-page {
    padding: 3em;
  }
}

@media screen and (min-width: 1473px) {
  .page--centered, .video-page {
    padding: 3em 0;
  }
}

.page--centered .page-inner, .video-page .page-inner {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.page--centered .page-inner::after, .video-page .page-inner::after {
  clear: both;
  content: '';
  display: table;
}

.page--centered .page-module, .video-page .page-module {
  background-color: #fff;
  border: 1px solid #edeceb;
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .page--centered .page-module, .video-page .page-module {
    padding: 3em;
  }
}

.page--centered .page-module + .page-module, .video-page .page-module + .page-module {
  margin-top: 3em;
}

h1 i {
  color: #a09995;
}

/* Press */
.press-cards > div .description-card__details {
  border-top: 1px solid #edeceb;
}

.jobs .h2, .jobs .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .jobs .h3, .jobs .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .jobs h3, .jobs #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .jobs h3, .jobs .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .jobs .out-of-stock__modal--label, .jobs .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .jobs .out-of-stock__modal--label {
  text-align: center;
}

.jobs .job {
  position: relative;
  padding-top: 3em;
  border-top: 2px solid #edeceb;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .jobs .job .callout, .jobs .job .callout--alt, .jobs .job .callout--center, .jobs .job .callout--cover, .jobs .job .callout--reverse, .jobs .job .callout--flip, .jobs .job .callout--dark,
  .jobs .job .callouts {
    padding: 0;
  }
  .jobs .job .callout + .callout, .jobs .job .callout--alt + .callout, .jobs .job .callout--center + .callout, .jobs .job .callout--cover + .callout, .jobs .job .callout--reverse + .callout, .jobs .job .callout--flip + .callout, .jobs .job .callout--dark + .callout, .jobs .job .callout + .callout--alt, .jobs .job .callout--alt + .callout--alt, .jobs .job .callout--center + .callout--alt, .jobs .job .callout--cover + .callout--alt, .jobs .job .callout--reverse + .callout--alt, .jobs .job .callout--flip + .callout--alt, .jobs .job .callout--dark + .callout--alt, .jobs .job .callout + .callout--center, .jobs .job .callout--alt + .callout--center, .jobs .job .callout--center + .callout--center, .jobs .job .callout--cover + .callout--center, .jobs .job .callout--reverse + .callout--center, .jobs .job .callout--flip + .callout--center, .jobs .job .callout--dark + .callout--center, .jobs .job .callout + .callout--cover, .jobs .job .callout--alt + .callout--cover, .jobs .job .callout--center + .callout--cover, .jobs .job .callout--cover + .callout--cover, .jobs .job .callout--reverse + .callout--cover, .jobs .job .callout--flip + .callout--cover, .jobs .job .callout--dark + .callout--cover, .jobs .job .callout + .callout--reverse, .jobs .job .callout--alt + .callout--reverse, .jobs .job .callout--center + .callout--reverse, .jobs .job .callout--cover + .callout--reverse, .jobs .job .callout--reverse + .callout--reverse, .jobs .job .callout--flip + .callout--reverse, .jobs .job .callout--dark + .callout--reverse, .jobs .job .callout + .callout--flip, .jobs .job .callout--alt + .callout--flip, .jobs .job .callout--center + .callout--flip, .jobs .job .callout--cover + .callout--flip, .jobs .job .callout--reverse + .callout--flip, .jobs .job .callout--flip + .callout--flip, .jobs .job .callout--dark + .callout--flip, .jobs .job .callout + .callout--dark, .jobs .job .callout--alt + .callout--dark, .jobs .job .callout--center + .callout--dark, .jobs .job .callout--cover + .callout--dark, .jobs .job .callout--reverse + .callout--dark, .jobs .job .callout--flip + .callout--dark, .jobs .job .callout--dark + .callout--dark,
  .jobs .job .callout + .callouts,
  .jobs .job .callout--alt + .callouts,
  .jobs .job .callout--center + .callouts,
  .jobs .job .callout--cover + .callouts,
  .jobs .job .callout--reverse + .callouts,
  .jobs .job .callout--flip + .callouts,
  .jobs .job .callout--dark + .callouts,
  .jobs .job .callouts + .callout,
  .jobs .job .callouts + .callout--alt,
  .jobs .job .callouts + .callout--center,
  .jobs .job .callouts + .callout--cover,
  .jobs .job .callouts + .callout--reverse,
  .jobs .job .callouts + .callout--flip,
  .jobs .job .callouts + .callout--dark,
  .jobs .job .callouts + .callouts {
    margin-top: 1em;
  }
}

.jobs .job .emblem {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}

.jobs .job + .job {
  margin-top: 3em;
}

.jobs .job a[href='#top'], .jobs .job .read-more-button[href='#top'] {
  margin-top: 1em;
  display: inline-block;
}

@media screen and (min-width: 64.0625em) {
  .about .media-box--overlay-content {
    font-size: 1.4em;
  }
}

.first-gent .page-module {
  text-align: center;
}

.first-gent .page-module .first-gent--badge {
  display: inline-block;
  width: 39%;
  margin-bottom: 1em;
}

.designer-spotlights .media-box--overlay-content {
  height: 0;
  padding-bottom: 58.75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.designer-spotlights .media-box--overlay-content .overlay-content {
  opacity: 1;
}

.svfw2016 .page--centered, .svfw2016 .video-page {
  padding-top: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .svfw2016 .page--centered, .svfw2016 .video-page {
    padding: 0;
  }
}

.svfw2016 .page {
  background-image: url(https://static.betabrands.com/media/cms/svfw2/3px-repeating-background.png);
}

.svfw2016 .page .svfw-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #333;
  background-image: url(https://static.betabrands.com/media/cms/svfw2/svfw-bgimage-1.jpg);
  background-size: cover;
  background-position: center center;
  padding: 4em;
  min-height: 80vh;
  position: relative;
  overflow: hidden;
}

.svfw2016 .page .svfw-header video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}

.svfw2016 .page .svfw-header::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: #4a0075;
  opacity: 0.75;
}

.svfw2016 .page .svfw-header-content {
  z-index: 3;
  align-content: center;
  color: #ffffff;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.svfw2016 .page .svfw-header-content .svfw-logo {
  flex-basis: 100%;
  max-height: 20em;
  display: block;
}

.svfw2016 .page .svfw-header-content .eye {
  -webkit-animation: robot-eye 1s ease-in-out infinite alternate;
          animation: robot-eye 1s ease-in-out infinite alternate;
}

.svfw2016 .page .svfw-header-content p {
  color: #edeceb;
}

.svfw2016 .page .svfw-header-content p.lead {
  flex-basis: 100%;
  color: #ffffff;
}

.svfw2016 .page .svfw-header-content .h2, .svfw2016 .page .svfw-header-content .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .svfw2016 .page .svfw-header-content .h3, .svfw2016 .page .svfw-header-content .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .svfw2016 .page .svfw-header-content h3, .svfw2016 .page .svfw-header-content #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .svfw2016 .page .svfw-header-content h3, .svfw2016 .page .svfw-header-content .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .svfw2016 .page .svfw-header-content .out-of-stock__modal--label, .svfw2016 .page .svfw-header-content .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .svfw2016 .page .svfw-header-content .out-of-stock__modal--label {
  margin: 1em 0 0.25em;
}

.svfw2016 .page .svfw-header-content .button, .svfw2016 .page .svfw-header-content .poll__answers .list .poll__answer, .poll__answers .list .svfw2016 .page .svfw-header-content .poll__answer {
  margin-bottom: 2em;
  flex-basis: 100%;
  max-width: 20em;
  font-size: 1.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .svfw2016 .page .svfw-header {
    min-height: 0;
  }
  .svfw2016 .page .svfw-header .svfw-logo {
    height: 12em;
  }
}

.svfw2016 .page .tickets-section {
  padding-top: 1.5em;
}

@-webkit-keyframes robot-eye {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(75px);
  }
}

@keyframes robot-eye {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(75px);
  }
}

.page--teacher-discount {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .page--teacher-discount {
    padding-top: 1em;
  }
}

.page--teacher-discount .page-inner .page--split--left {
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .page--teacher-discount .page-inner .page--split--left {
    min-height: 30vh;
  }
}

.page--teacher-discount .page-inner .page-module {
  min-height: 80vh;
  padding: 0;
}

.page--teacher-discount .page-inner .login-names {
  display: flex;
}

.page--teacher-discount .page-inner .login-names .field-container {
  margin-bottom: 0;
  width: 100%;
}

.page--teacher-discount .page-inner .login-names .field-container + .field-container {
  margin-left: 0.75em;
}

.page--sms-signup .sms-signup-page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .page--sms-signup .sms-signup-page {
    flex-direction: column;
  }
}

.page--sms-signup .image {
  background: url("https://www.betabrand.com/media/sms/girl-on-phone.jpg?iopts=640x,q80");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100vh;
  max-height: 600px;
  width: 640px;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .page--sms-signup .image {
    background-size: contain;
    height: 50vh;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .page--sms-signup .image {
    background-size: contain;
  }
}

.page--sms-signup .content {
  padding-left: 1em;
  max-width: 640px;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .page--sms-signup .content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .page--sms-signup .content {
    padding: 1em;
  }
}

search form {
  position: relative;
}

div.search-page {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
  margin-bottom: 4em;
}

div.search-page::after {
  clear: both;
  content: '';
  display: table;
}

div.search-page .category-products {
  margin: 0;
}

@media screen and (min-width: 768px) {
  div.search-page {
    padding: 1em;
  }
}

@media screen and (min-width: 768px) {
  .search-title form {
    width: 50%;
  }
}

.search-article {
  background-color: #fff;
  padding: 1.5em;
  border: 1px solid #edeceb;
}

.search-article .article-title {
  margin-bottom: 1em;
  display: inline-block;
}

.search-article + .search-article {
  margin-top: 2em;
}

.article-read-more {
  display: inline-block;
  margin-top: 1em;
}

.checkout {
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
}

.checkout::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .checkout {
    max-width: 50em;
  }
}

@media screen and (min-width: 768px) {
  .checkout {
    padding-top: 2em;
  }
}

.checkout .page-column--left {
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .checkout .page-column--left {
    order: 0;
    flex: 1 1 auto;
    width: 100%;
    min-width: 50%;
    clear: both;
    padding: 0 0.5em 0 0;
    margin: 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .checkout .page-column--right {
    flex: 1;
    order: 1;
    flex: 1 1 auto;
    width: 100%;
    min-width: 50%;
    clear: both;
    padding: 0 0 0 0.5em;
    margin: 0;
  }
}

.checkout .page-column--right aside {
  padding: 0;
}

.checkout .button-cta {
  margin-bottom: 2em;
}

.checkout-module {
  padding: 1em;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .checkout-module {
    padding: 2em;
  }
}

.checkout-module .field-container:last-child {
  margin-bottom: 0;
}

.checkout-module + .checkout-module,
.checkout-module + .h3,
#story .checkout-module + h3,
.out-of-stock__modal .out-of-stock-form .checkout-module + .out-of-stock__modal--label {
  margin-top: 1em;
}

@media screen and (min-width: 64.0625em) {
  .checkout-module .cart-products {
    padding-right: 0.5em;
    max-height: 40vh;
    overflow-y: auto;
  }
}

.checkout-module.subscription {
  border: 1px solid #89d0ee;
  background-color: #d9f0fa;
}

.checkout-module.subscription .subscription__form {
  margin-top: 1em;
}

.checkout-module.subscription form {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  margin-bottom: 1em;
}

.checkout-module.subscription form .poll__question {
  width: 100%;
  padding-right: 1em;
}

.checkout-module.subscription form .poll__answers {
  width: 10em;
}

.checkout-module.subscription hr {
  display: none;
}

.checkout-module.subscription .poll__question .h3, .checkout-module.subscription .poll__question #story h3, #story .checkout-module.subscription .poll__question h3, .checkout-module.subscription .poll__question .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .checkout-module.subscription .poll__question .out-of-stock__modal--label {
  font-size: 1em;
}

.checkout-module--transparent {
  background-color: transparent;
  border: none;
  padding: 0;
}

.checkout-sidebar {
  position: relative;
}

.checkout-sidebar .cart-container {
  padding: 0;
  border: none;
}

.checkout-sidebar .cart-container .cart-message p {
  margin-bottom: 0;
}

.checkout-sidebar .justified-list {
  padding: 0.5em 0;
}

#checkout-shipping__method p:last-child {
  margin-bottom: 0;
}

.checkout-shipping-methods label {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #edeceb;
}

.checkout-shipping-methods label input {
  margin-right: 0.5em;
}

.checkout-shipping-methods label span {
  margin-right: auto;
}

.checkout-shipping-methods + p {
  margin-bottom: 0;
}

.checkout-payment-method + .checkout-payment-method {
  margin-top: 1em;
}

.checkout-payment-methods-title {
  margin-bottom: 1em;
}

.checkout-payment-methods-title img {
  display: inline-block;
  width: 33px;
  vertical-align: middle;
  margin-left: 0.2em;
}

.checkout-payment-methods-title img.bitcoin {
  width: 80px;
  position: relative;
  top: -1px;
}

#payment-Coinbase .checkout-payment-methods-title {
  margin-bottom: 0;
}

.secure-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
  height: 51px;
}

.secure-badges .secure-badge {
  flex: 0;
  align-items: center;
  justify-content: center;
}

.secure-badges .secure-badge + .secure-badge {
  margin-left: 1em;
}

.secure-badges .secure-badge img {
  width: auto;
  height: 1.875em;
}

.checkout-recommendations {
  padding: 1em;
  padding-bottom: 3rem;
  text-align: center;
}

.checkout-recommendations i {
  color: #136284;
}

.checkout-recommendations .category-products {
  margin-bottom: 1em;
}

.checkout-help {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.checkout-help > * {
  margin-bottom: 1em;
}

.checkout-help button {
  width: 100%;
  white-space: nowrap;
}

@media screen and (min-width: 35.5em) {
  .checkout-help {
    flex-wrap: nowrap;
  }
  .checkout-help button {
    width: 50%;
  }
  .checkout-help button + button {
    margin-left: 1em;
  }
}

@media screen and (min-width: 768px) {
  .checkout-help {
    flex-wrap: nowrap;
  }
  .checkout-help button {
    max-width: 210px;
  }
  .checkout-help button + button {
    margin-left: 1em;
  }
}

body.in__checkout .toggle-open-close,
body.in__checkout .search-button,
body.in__checkout .main-nav__cart,
body.in__checkout .main-nav__menus,
body.in__checkout .main-nav__search,
body.in__checkout .main-nav__notifications,
body.in__checkout .site-footer {
  display: none;
}

body.in__checkout .betabrand-logo-link {
  margin: 0 auto;
}

.checkout apple-pay button {
  height: 29px;
  background-size: auto 29px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .checkout apple-pay button {
    width: 210px;
  }
}

#payment-Coinbase {
  display: none;
}

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

.checkout-success {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 1em;
}

.checkout-success::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .checkout-success {
    flex-direction: column;
    font-size: 80%;
  }
}

@media screen and (min-width: 768px) {
  .checkout-success {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1473px) {
  .checkout-success {
    padding: 2em;
  }
}

.purchase-confirmation {
  flex: 1 100%;
  background-size: 50%;
  padding: 0 0.5em;
}

@media screen and (min-width: 768px) {
  .purchase-confirmation {
    padding: 0;
  }
}

.purchase-confirmation .purchase-confirmation__inner {
  background-color: #fff;
  padding: 1em 2em 2em;
  position: relative;
}

.purchase-confirmation.order-loaded .purchase-confirmation__inner {
  background-color: #f4f4f3;
  /*border: 1px solid colors(teal);*/
}

.checkout-success__close {
  color: #a09995;
  position: absolute;
  font-size: 1.25rem;
  top: 5px;
  right: 5px;
  z-index: 3;
}

.confirm-account {
  background-image: url(https://www.betabrand.com/story/wp-content/uploads/2019/01/bb_checkout-success_account-create-bg-v3.jpg);
  background-size: cover;
  background-position: center;
  color: #fff;
  max-width: 50em;
  margin: auto;
  text-align: left;
}

.confirm-account .button, .confirm-account .poll__answers .list .poll__answer, .poll__answers .list .confirm-account .poll__answer {
  display: block;
}

.checkout-product-thumbnails {
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.checkout-product-thumbnails::after {
  clear: both;
  content: '';
  display: table;
}

.checkout-product-thumbnails .product-thumbnail {
  margin-bottom: 1em;
  display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .checkout-product-thumbnails .product-thumbnail.is-single {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .checkout-product-thumbnails .product-thumbnail {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .checkout-product-thumbnails .product-thumbnail:last-child {
    margin-right: 0;
  }
  .checkout-product-thumbnails .product-thumbnail:nth-child(2n) {
    margin-right: 0;
  }
  .checkout-product-thumbnails .product-thumbnail:nth-child(2n+1) {
    clear: left;
  }
  .checkout-product-thumbnails .product-thumbnail.is-single {
    margin-left: 25.40434%;
  }
}

.checkout-product-thumbnails .product-thumbnail img {
  display: block;
  margin-bottom: 1em;
}

.checkout-product-thumbnails.add-item-preview .suggested-product-info-container {
  display: inline-block;
}

.checkout-product-thumbnails.add-item-preview a, .checkout-product-thumbnails.add-item-preview .read-more-button,
.checkout-product-thumbnails.add-item-preview img,
.checkout-product-thumbnails.add-item-preview h2 {
  margin-bottom: 0px;
}

@media screen and (min-width: 64.0625em) {
  .checkout-product-thumbnails.add-item-preview {
    margin-top: 3em;
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .refer-add-on {
    margin-top: 2em;
  }
}

.add-padding {
  padding: 1em 8em;
}

.view-more-ideas {
  display: inline-block;
}

.checkout-success-module {
  background-color: #49d5b7;
  padding: 2em;
  min-height: 30em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.checkout-success-module .checkout-success__close {
  color: #fff;
}

.checkout-success-module.referral-module {
  display: flex;
  flex-direction: row;
  background-color: #eb867b;
  padding: 0;
  overflow: hidden;
  max-height: 40em;
}

.checkout-success-module.referral-module .referral-module__image {
  background-image: url(https://www.betabrand.com/story/wp-content/uploads/2019/01/bb_checkout-success_referral-bg-v3.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 100%;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.checkout-success-module.referral-module .module__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
}

.checkout-success-module.referral-module .module__content p {
  margin: 0 auto;
  width: 100%;
}

.checkout-success-module.referral-module .module__content .referrals-share {
  max-width: 25em;
  margin: 0 auto;
}

.checkout-success-module.referral-module .module__content .referrals-share .button, .checkout-success-module.referral-module .module__content .referrals-share .poll__answers .list .poll__answer, .poll__answers .list .checkout-success-module.referral-module .module__content .referrals-share .poll__answer {
  min-width: 6em;
}

@media screen and (min-width: 768px) {
  .checkout-success-module.referral-module .button, .checkout-success-module.referral-module .poll__answers .list .poll__answer, .poll__answers .list .checkout-success-module.referral-module .poll__answer {
    width: auto;
    display: block;
    margin: 0 auto 1em;
  }
  .checkout-success-module.referral-module.expanded .referral-module__image {
    width: 50%;
    position: static;
  }
  .checkout-success-module.referral-module.expanded .referral-module__image:before {
    content: '';
    display: block;
    padding-bottom: 70%;
  }
  .checkout-success-module.referral-module.expanded .module__content {
    width: 50%;
    position: static;
  }
}

.checkout-success__two-column {
  padding: 0.5em;
}

.checkout-success__two-column .checkout-success-module .module__content {
  max-width: 40em;
  margin: 0 auto;
}

.checkout-success__two-column .checkout-success-module .module__content .h1, .checkout-success__two-column .checkout-success-module .module__content .video-page h1, .video-page .checkout-success__two-column .checkout-success-module .module__content h1, .checkout-success__two-column .checkout-success-module .module__content .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .checkout-success__two-column .checkout-success-module .module__content .content__headline, .checkout-success__two-column .checkout-success-module .module__content .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .checkout-success__two-column .checkout-success-module .module__content .product-name {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}

.checkout-success__two-column .checkout-success-module .module__content p {
  font-size: 1.2em;
}

.checkout-success__two-column .checkout-success-module:nth-child(2) {
  margin: 0.5em 0 0;
}

@media screen and (min-width: 768px) {
  .checkout-success__two-column {
    display: flex;
    width: 100%;
    padding: 0.5em 0;
  }
  .checkout-success__two-column .checkout-success-module {
    width: 100%;
    height: 100%;
  }
  .checkout-success__two-column .checkout-success-module:nth-child(2) {
    margin: 0 0 0 0.5em;
  }
}

.checkout-success-questions {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.checkout-success-questions::after {
  clear: both;
  content: '';
  display: table;
}

.checkout-success-questions a, .checkout-success-questions .read-more-button {
  display: block;
}

.checkout-success__voting {
  width: 100%;
  padding: 0.5em;
  margin-top: 4em;
}

.project-gallery--checkout-wraper .project-gallery--container {
  margin-top: 5em;
  margin-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .project-gallery--checkout-wraper .project-gallery--container {
    margin-top: 3em;
  }
}

.project-gallery--checkout-wraper .loading-style {
  padding-bottom: 2em;
}

.project-gallery--checkout-wraper .section--header {
  color: #a09995;
  text-transform: uppercase;
  padding: 1em 1em 2em;
}

@media screen and (min-width: 1216px) {
  .project-gallery--checkout-wraper .section--header {
    padding: 1em 0;
  }
}

.project-gallery--checkout-wraper h3 {
  text-align: left;
}

.project-gallery--checkout-wraper p {
  text-align: left;
}

.section--header-checkout {
  text-align: left;
  color: #a09995;
  text-transform: uppercase;
  padding: 0em 1em 2em;
}

@media screen and (min-width: 1216px) {
  .section--header-checkout {
    padding: 0 0 2em;
  }
}

.product-dashboard .dashboard-module {
  display: flex;
  margin: 0 -0.5em;
}

.product-dashboard .dashboard-module + .dashboard-module {
  margin-top: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-dashboard .dashboard-module {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .product-dashboard .dashboard-module {
    margin: 0 -1em;
  }
}

.product-dashboard .field-container {
  padding: 2em;
  background-color: #fff;
  border: 1px solid #edeceb;
  text-align: center;
  flex: 1 1 100%;
  margin: 0 0.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .product-dashboard .field-container {
    flex: 1 1 auto;
    width: 100%;
    padding: 1em;
  }
}

.product-dashboard .stat {
  margin-bottom: 1em;
}

.product-dashboard .stat + .h4, .product-dashboard #story .stat + h4, #story .product-dashboard .stat + h4, .product-dashboard .home-media-article__container .home-media-article__content .stat + p, .home-media-article__container .home-media-article__content .product-dashboard .stat + p, .product-dashboard .project-card .stat + .h3, .project-card .product-dashboard .stat + .h3, .product-dashboard .project-card #story .stat + h3, .project-card #story .product-dashboard .stat + h3, .product-dashboard #story .project-card .stat + h3, #story .project-card .product-dashboard .stat + h3, .product-dashboard .project-card .out-of-stock__modal .out-of-stock-form .stat + .out-of-stock__modal--label, .project-card .out-of-stock__modal .out-of-stock-form .product-dashboard .stat + .out-of-stock__modal--label, .product-dashboard .out-of-stock__modal .out-of-stock-form .project-card .stat + .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .product-dashboard .stat + .out-of-stock__modal--label {
  margin-bottom: 0.5em;
}

.product-dashboard .h1, .product-dashboard .video-page h1, .video-page .product-dashboard h1, .product-dashboard .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .product-dashboard .content__headline, .product-dashboard .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .product-dashboard .product-name {
  color: #4c8226;
}

.nvd3 .nv-background {
  fill-opacity: 1;
}

.nvd3 .nv-point {
  fill: #fff;
  stroke-width: 2px;
  transition: all 0.2s;
}

.nvd3 .nv-point .hover {
  stroke-width: 2px;
}

.nvd3 .nv-group {
  stroke-width: 2px;
}

.nvd3 .nv-group.dashed {
  stroke-dasharray: 5, 5;
}

.nvd3 .nv-group.dashed .nv-point {
  stroke-dasharray: none;
}

.nvd3 .nv-group.filled {
  fill-opacity: 1;
}

.nvd3 .nv-axis {
  pointer-events: none;
  opacity: 1;
}

.nvd3 .nv-axis path {
  fill: none;
  stroke: #f4f4f3;
  stroke-opacity: 0.75;
  shape-rendering: crispEdges;
}

.nvd3 .nv-y1 {
  display: none;
}

.nvd3 .nv-axis.nv-x .tick text {
  fill: #333;
}

.nvd3 .nv-axis.nv-x .tick line {
  stroke: none;
}

.nvd3 .nv-axis.nv-y path {
  display: none;
}

.nvd3 .nv-axis.nv-y .tick text {
  fill: #333;
  text-anchor: start;
}

.nvd3 .nv-axis.nv-y .tick line {
  stroke: #a09995;
}

.nvd3 .nv-axis.nv-y .nv-axisMaxMin-y {
  fill: #a09995;
}

.homepage__hero {
  display: block;
  position: relative;
  padding-bottom: 118.44802%;
  background-position: center;
  background-size: cover;
  transition: transform 100ms ease-out;
}

.homepage__hero .hero-video-bg,
.homepage__hero .hero-image-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}

.homepage__hero .hero-image-bg--desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  .homepage__hero {
    background-size: cover;
    padding-bottom: 45%;
  }
  .homepage__hero .hero-image-bg--mobile {
    display: none;
  }
  .homepage__hero .hero-image-bg--desktop {
    display: block;
  }
}

.homepage__hero .hero-transitional-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.homepage__hero .hero-transitional-bg:first-child {
  -o-object-position: 60% 0;
     object-position: 60% 0;
}

@media screen and (min-width: 64.0625em) {
  .homepage__hero .hero-transitional-bg:first-child {
    -o-object-position: 0 0;
       object-position: 0 0;
  }
}

.homepage__hero .hero-transitional-bg.active {
  opacity: 1;
}

.homepage__hero .hero-content {
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 61.5%;
  left: 1em;
  display: flex;
}

@media screen and (min-width: 768px) {
  .homepage__hero .hero-content {
    justify-content: center;
    top: 15%;
    bottom: 0;
    right: 56%;
    left: 4%;
  }
}

.homepage__hero .hero-text-container {
  padding: 0;
  text-align: center;
  font-size: 0.65em;
  width: 100%;
  color: #e8f156;
}

@media screen and (min-width: 768px) {
  .homepage__hero .hero-text-container {
    margin-left: 0;
    text-align: left;
    padding: 0;
  }
}

.homepage__hero .hero-text-container h2.h1, .homepage__hero .hero-text-container .home-feature.home-feature--on-image .home-feature__content h2.content__headline, .home-feature.home-feature--on-image .home-feature__content .homepage__hero .hero-text-container h2.content__headline, .homepage__hero .hero-text-container .lp--1 .lp--1__main h2.product-name, .lp--1 .lp--1__main .homepage__hero .hero-text-container h2.product-name {
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 768px) {
  .homepage__hero .hero-text-container h2.h1, .homepage__hero .hero-text-container .home-feature.home-feature--on-image .home-feature__content h2.content__headline, .home-feature.home-feature--on-image .home-feature__content .homepage__hero .hero-text-container h2.content__headline, .homepage__hero .hero-text-container .lp--1 .lp--1__main h2.product-name, .lp--1 .lp--1__main .homepage__hero .hero-text-container h2.product-name {
    line-height: 1.2;
    font-size: 3.5vw;
    margin-bottom: 0;
  }
}

.homepage__hero .hero-text-container .hero-blurb {
  font-size: 1.5em;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media screen and (min-width: 768px) {
  .homepage__hero .hero-text-container .hero-blurb {
    width: auto;
    margin: 0 0 3vw;
    font-size: 1.8vw;
  }
}

.homepage__hero .hero-text-container .button, .homepage__hero .hero-text-container .poll__answers .list .poll__answer, .poll__answers .list .homepage__hero .hero-text-container .poll__answer {
  font-size: 0.75em;
  margin-top: 0;
  font-weight: bold;
  background-color: #00538c;
  border-color: #00538c;
}

@media screen and (min-width: 768px) {
  .homepage__hero .hero-text-container .button, .homepage__hero .hero-text-container .poll__answers .list .poll__answer, .poll__answers .list .homepage__hero .hero-text-container .poll__answer {
    font-size: 1vw;
  }
}

.homepage__hero .hero-text-container .button:hover, .homepage__hero .hero-text-container .poll__answers .list .poll__answer:hover, .poll__answers .list .homepage__hero .hero-text-container .poll__answer:hover {
  background: #333;
}

.homepage__cards .product-card {
  text-align: center;
}

.homepage__cards .product-card .default-product-card-details,
.homepage__cards .product-card .tiered-product-card-details,
.homepage__cards .product-card h4 {
  display: none;
}

.collection-card-grid {
  padding: 1em;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .collection-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1em;
    font-size: 0.9vw;
  }
}

.collection-card-grid .collection-card {
  display: block;
  position: relative;
  padding-bottom: 75%;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.collection-card-grid .collection-card:hover img {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

.collection-card-grid .collection-card:hover .inner {
  background-color: rgba(0, 0, 0, 0.5);
}

.collection-card-grid .collection-card:hover h2 {
  text-shadow: 0 0 200px rgba(255, 255, 255, 0.8), 0 0 110px rgba(255, 255, 255, 0.9);
}

.collection-card-grid .collection-card img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
}

.collection-card-grid .collection-card .inner {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s linear;
}

.collection-card-grid .collection-card + .collection-card {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .collection-card-grid .collection-card + .collection-card {
    margin-top: 0;
  }
}

.homepage__dynamic-content {
  padding-top: 5em;
  padding-bottom: 5em;
}

.homepage__dynamic-content .block-row {
  display: flex;
  margin-left: 1em;
  margin-right: 1em;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .homepage__dynamic-content .block-row {
    flex-wrap: no-wrap;
  }
}

.homepage__dynamic-content .block-row + .block-row {
  margin-top: 1em;
}

.homepage__dynamic-content .small-block,
.homepage__dynamic-content .large-block {
  height: 200px;
  background: #eee;
}

.homepage__dynamic-content .small-block {
  width: calc(50% - 0.5em);
}

@media screen and (min-width: 768px) {
  .homepage__dynamic-content .small-block {
    width: calc(25% - 1em);
  }
}

.homepage__dynamic-content .small-block + .small-block {
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .homepage__dynamic-content .small-block + .small-block {
    margin-right: 1em;
  }
}

.homepage__dynamic-content .large-block {
  width: 100%;
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .homepage__dynamic-content .large-block {
    width: 50%;
    margin-top: 0;
  }
}

.homepage__engagement {
  padding: 3em 1em 1em;
  background: #ebc7d5;
}

.homepage__engagement .engagement-heading-container .stats-heading {
  color: #333;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement-heading-container .stats-heading {
    font-size: 2.4em;
    margin-bottom: 0.2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement-heading-container .stats-heading {
    font-size: 2.8em;
    margin-bottom: 0.2em;
  }
}

.homepage__engagement .engagement-heading-container .stats-blurb {
  font-size: 1.6em;
  color: #333;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  text-align: center;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement-heading-container .stats-blurb {
    font-size: 1em;
    margin-bottom: 1.8em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement-heading-container .stats-blurb {
    font-size: 1.3em;
    margin-bottom: 0.3em;
  }
}

.homepage__engagement .homepage__engagement__inner {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.homepage__engagement .homepage__engagement__inner::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .homepage__engagement__inner {
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 1em;
  }
}

.homepage__engagement .recent-activity-container {
  margin: 2em 1.2em 3em;
  order: -1;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .recent-activity-container {
    margin: 0 20px 20px;
    width: 50%;
    order: 1;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .recent-activity-container {
    margin: 40px;
  }
}

.homepage__engagement .recent-activity {
  padding: 7px 0 10px 10px;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .recent-activity {
    padding: 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .recent-activity {
    font-size: 1.3em;
  }
}

.homepage__engagement .project-feed {
  height: 21em;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .project-feed {
    height: 21em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .project-feed {
    height: 23em;
  }
}

.homepage__engagement .real-time-stream {
  position: relative;
}

.homepage__engagement .real-time-stream:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(rgba(235, 199, 213, 0), #ebc7d5);
}

.homepage__engagement .real-time-stream ul {
  right: -18px;
}

.homepage__engagement .real-time-stream .h5 a:first-child, .homepage__engagement .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines a:first-child, .product-card .default-product-card-details .product-card-name.no-name-fragments .homepage__engagement .real-time-stream .product-name--two-lines a:first-child, .homepage__engagement .real-time-stream .product-card .product-card--design-idea .product-card-name a:first-child, .product-card .product-card--design-idea .homepage__engagement .real-time-stream .product-card-name a:first-child, .homepage__engagement .real-time-stream #story h5 a:first-child, #story .homepage__engagement .real-time-stream h5 a:first-child, .homepage__engagement .real-time-stream .filters .section-header a:first-child, .filters .homepage__engagement .real-time-stream .section-header a:first-child, .homepage__engagement .real-time-stream .sorters .section-header a:first-child, .sorters .homepage__engagement .real-time-stream .section-header a:first-child, .homepage__engagement .real-time-stream .chat-notification__title a:first-child, .homepage__engagement .real-time-stream .h5 .read-more-button:first-child, .homepage__engagement .real-time-stream .product-card .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines .read-more-button:first-child, .product-card .default-product-card-details .product-card-name.no-name-fragments .homepage__engagement .real-time-stream .product-name--two-lines .read-more-button:first-child, .homepage__engagement .real-time-stream .product-card .product-card--design-idea .product-card-name .read-more-button:first-child, .product-card .product-card--design-idea .homepage__engagement .real-time-stream .product-card-name .read-more-button:first-child, .homepage__engagement .real-time-stream #story h5 .read-more-button:first-child, #story .homepage__engagement .real-time-stream h5 .read-more-button:first-child, .homepage__engagement .real-time-stream .filters .section-header .read-more-button:first-child, .filters .homepage__engagement .real-time-stream .section-header .read-more-button:first-child, .homepage__engagement .real-time-stream .sorters .section-header .read-more-button:first-child, .sorters .homepage__engagement .real-time-stream .section-header .read-more-button:first-child, .homepage__engagement .real-time-stream .chat-notification__title .read-more-button:first-child {
  display: block;
  font-weight: bold;
  margin-bottom: 0.2em;
}

.homepage__engagement .real-time-stream--activity {
  background: #fff;
  font-size: 0.85em;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.homepage__engagement .real-time-stream--activity + .real-time-stream--activity {
  margin-top: 1.4em;
}

.homepage__engagement .real-time-stream--activity .avatar {
  width: 2.3em;
  height: 2.3em;
  margin: 0.2em 0 0 1.4em;
}

.homepage__engagement .stats-container-outer {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .stats-container-outer {
    width: 50%;
  }
}

.homepage__engagement .stats-container-inner {
  width: 100%;
  align-self: center;
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .stats-container-inner {
    position: relative;
    top: -0.3em;
  }
}

@media screen and (min-width: 1216px) {
  .homepage__engagement .stats-container-inner {
    padding: 0 3em;
  }
}

.homepage__engagement .button, .homepage__engagement .poll__answers .list .poll__answer, .poll__answers .list .homepage__engagement .poll__answer {
  color: #333;
  border-color: #333;
}

.homepage__engagement .button:hover, .homepage__engagement .poll__answers .list .poll__answer:hover, .poll__answers .list .homepage__engagement .poll__answer:hover {
  color: #ebc7d5;
  background: #333;
  border-color: #333;
}

.homepage__engagement .button:active, .homepage__engagement .poll__answers .list .poll__answer:active, .poll__answers .list .homepage__engagement .poll__answer:active {
  color: #ebc7d5;
  background: #000;
  border-color: #000;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .stats-callouts-container {
    display: flex;
    justify-content: space-around;
  }
}

@media screen and (min-width: 1216px) {
  .homepage__engagement .stats-callouts-container {
    justify-content: space-between;
  }
}

.homepage__engagement .engagement__callout {
  padding: 1.4em 0;
  color: #333;
  text-align: center;
  align-self: self-start;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement__callout {
    padding: 0 0 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement__callout {
    flex: 1;
  }
}

.homepage__engagement .engagement__callout .callout-svg-container {
  width: 100%;
  transform: scale(0.8);
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement__callout .callout-svg-container {
    display: flex;
    justify-content: center;
    height: 90px;
    margin-bottom: 0.2em;
    transform: scale(0.7);
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement__callout .callout-svg-container {
    transform: scale(0.6);
  }
}

.homepage__engagement .engagement__callout .callout-svg-container img {
  max-height: 100%;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement__callout .callout-svg-container img {
    flex: 1;
    align-self: center;
  }
}

.homepage__engagement .engagement__callout .stats-number {
  margin: 0 0 0.2em;
  color: #990659;
  font-family: 'Crimson Text';
  font-size: 3em;
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement__callout .stats-number {
    font-size: 1.6em;
    margin-bottom: 0.3em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement__callout .stats-number {
    font-size: 2.4em;
    margin-bottom: 0.2em;
  }
}

.homepage__engagement .engagement__callout .stats-description {
  font-size: 1.8em;
  text-transform: uppercase;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .homepage__engagement .engagement__callout .stats-description {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement .engagement__callout .stats-description {
    font-size: 1.4em;
  }
}

.homepage__featured-in {
  padding-top: 5em;
  padding-bottom: 5em;
  text-align: center;
  background-color: #eef0f3;
  border-radius: 1rem;
  margin: 0 1em;
}

.homepage__featured-in h3 {
  color: #4a4543;
}

.homepage__featured-in ul {
  margin: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .homepage__featured-in ul {
    padding: 0 1vw;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__featured-in ul {
    padding: 0 3vw;
  }
}

@media screen and (min-width: 1216px) {
  .homepage__featured-in ul {
    padding: 0 6vw;
  }
}

.homepage__featured-in ul li {
  display: block;
  max-width: 180px;
  margin: 6em auto;
}

@media screen and (min-width: 768px) {
  .homepage__featured-in ul li {
    display: block;
    flex: 0 1 20%;
    align-self: center;
    margin: 2em 1em;
  }
}

.homepage__featured-in ul li img {
  max-height: 25px;
}

.homepage__featured-in ul li img .logo-nyt {
  margin-top: 10px;
}

@media screen and (min-width: 64.0625em) {
  .homepage__featured-in {
    margin: 2em 0;
  }
}

@-webkit-keyframes logo-fade-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes logo-fade-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    transform: skewX(-10deg) scale(1.3) translateX(0);
  }
  93% {
    transform: skewX(-10deg) scale(1.3) translateX(0);
  }
  100% {
    transform: skewX(-10deg) scale(1.3) translateX(-100%);
  }
}

@keyframes slide-left {
  0% {
    transform: skewX(-10deg) scale(1.3) translateX(0);
  }
  93% {
    transform: skewX(-10deg) scale(1.3) translateX(0);
  }
  100% {
    transform: skewX(-10deg) scale(1.3) translateX(-100%);
  }
}

.pageload-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  display: flex;
  z-index: 9;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.pageload-overlay .logo {
  position: relative;
  top: 38%;
  height: 100px;
  width: 80%;
  max-width: none;
  margin: 0 auto;
  -webkit-animation: logo-fade-in 3s forwards;
          animation: logo-fade-in 3s forwards;
}

@media screen and (min-width: 768px) {
  .pageload-overlay .logo {
    top: 44%;
  }
}

.pageload-overlay.is-showing {
  opacity: 1;
}

.pageload-overlay .sliding-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: white;
  -webkit-animation: slide-left 3s forwards;
          animation: slide-left 3s forwards;
}

.home-testimonials {
  padding: 2.6em 0 2.2em;
  background: #eef0f3;
}

@media screen and (min-width: 768px) {
  .home-testimonials {
    padding: 4em 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .home-testimonials {
    padding: 5em 2em;
  }
}

.home-testimonials .h2, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .home-testimonials h3, .home-testimonials #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .home-testimonials h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .home-testimonials .out-of-stock__modal--label, .home-testimonials .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .out-of-stock__modal--label {
  margin: 0 0 0.7em 1em;
  font-size: 1.5em;
  color: #9e005d;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .home-testimonials .h2, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .home-testimonials h3, .home-testimonials #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .home-testimonials h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .home-testimonials .out-of-stock__modal--label, .home-testimonials .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .out-of-stock__modal--label {
    margin-left: 0;
    font-size: 1.7em;
  }
}

@media screen and (min-width: 64.0625em) {
  .home-testimonials .h2, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .home-testimonials h3, .home-testimonials #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .home-testimonials h3, .home-testimonials .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .home-testimonials .out-of-stock__modal--label, .home-testimonials .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .home-testimonials .out-of-stock__modal--label {
    font-size: 1.9em;
  }
}

.home-testimonials .swiper-container {
  margin-top: 0 !important;
  padding: 0 !important;
}

.home-testimonials .ht_testimonial img {
  width: 100%;
}

.homepage__live-event-section {
  overflow: hidden;
  position: relative;
  padding: 2.6em 0 2.2em;
}

@media screen and (min-width: 768px) {
  .homepage__live-event-section {
    padding: 4em 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__live-event-section {
    padding: 5em 2em;
  }
}

.homepage__live-event-section .fs-section__description {
  height: 100%;
  width: 100%;
  padding: 0 2em;
}

.homepage__live-event-section .fs-section__container {
  padding-left: 2em;
}

.homepage__live-event-section .button:hover, .homepage__live-event-section .poll__answers .list .poll__answer:hover, .poll__answers .list .homepage__live-event-section .poll__answer:hover {
  background: #333;
  color: #f7f6f6;
}

.homepage__live-event-section .button:active, .homepage__live-event-section .poll__answers .list .poll__answer:active, .poll__answers .list .homepage__live-event-section .poll__answer:active {
  background: #000;
}

.homepage__live-event-section .grid-item:first-child {
  padding-right: 3em;
}

.homepage__live-event-section .swimlane-no-swiper {
  padding-left: 0;
}

.homepage__live-event-section .product-card {
  text-align: left;
  background-color: transparent;
}

.homepage__live-event-section .product-card .card-details {
  min-height: 5.5em;
}

.homepage__live-event-section .product-card h4,
.homepage__live-event-section .product-card .product-name {
  white-space: normal;
}

@media screen and (min-width: 1216px) {
  .homepage__live-event-section .product-card h4,
  .homepage__live-event-section .product-card .product-name {
    font-size: 1.1em;
  }
}

.homepage__live-event-section .product-card .product-name-family {
  display: none;
}

.homepage__live-event-section .product-card .product-family-member-color {
  margin-top: 0.125em;
}

.homepage__live-event-section .product-card--inner {
  max-width: 360px;
}

.home-feature {
  display: block;
  color: #333;
  overflow: hidden;
  margin-bottom: 1rem;
}

.home-feature__content {
  z-index: 1;
}

.home-feature__content .h1, .home-feature__content .video-page h1, .video-page .home-feature__content h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature__content .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .home-feature__content .product-name {
  margin-bottom: 1rem;
  font-size: 6.375vw;
  line-height: 6.5vw;
}

@media screen and (min-width: 120em) {
  .home-feature__content .h1, .home-feature__content .video-page h1, .video-page .home-feature__content h1, .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature__content .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .home-feature__content .product-name {
    font-size: 7.15em;
    line-height: 7.15rem;
  }
}

.home-feature__content p span {
  color: #477d91;
}

.home-feature__image {
  width: 100%;
}

.home-feature__image.home-feature__image--desktop {
  display: block;
}

.home-feature__image.home-feature__image--mobile {
  display: none;
}

.home-feature.home-feature--on-image {
  position: relative;
}

.home-feature.home-feature--on-image .home-feature__content {
  position: absolute;
  bottom: 4em;
}

.home-feature.home-feature--on-image .home-feature__image {
  width: 70%;
  margin-right: 0;
  margin-left: auto;
  min-height: 40vw;
}

@media screen and (min-width: 120em) {
  .home-feature.home-feature--on-image .home-feature__image {
    min-height: 18em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .home-feature.home-feature--on-image .home-feature__content {
    left: 1em;
  }
  .home-feature.home-feature--on-image .home-feature__image {
    margin-right: 1em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .home-feature {
    margin: 0 1em;
  }
  .home-feature.home-feature--on-image .home-feature__content {
    position: static;
    margin-bottom: 1em;
  }
  .home-feature.home-feature--on-image .home-feature__content .content__headline {
    margin-bottom: 0.25em;
  }
  .home-feature.home-feature--on-image .home-feature__image {
    width: 100%;
  }
  .home-feature__image.home-feature__image--desktop {
    display: none;
  }
  .home-feature__image.home-feature__image--mobile {
    display: block;
  }
}

.homepage__shipping {
  padding: 2em 2em 1em;
  background-color: #e5d1c4;
  text-align: center;
  color: #cd3b6b;
}

.homepage__shipping img {
  width: 4em;
  margin-left: 3em;
}

.homepage__shipping img:first-of-type {
  margin-left: 0;
}

.homepage__shipping p {
  color: #cd3b6b;
  font-size: 1.2em;
}

.homepage__product-swimlane .swiper-container {
  margin: 0 1rem;
}

.homepage__product-swimlane .product-card .product-card--inner .product__image a, .homepage__product-swimlane .product-card .product-card--inner .product__image .read-more-button {
  padding-bottom: 125%;
}

.homepage__product-swimlane .product-card .product-card--inner .product__image .afkl-lazy-wrapper {
  width: 125%;
}

.homepage__product-swimlane .product-card .product-card--inner .product__image img {
  transform: translate(-2em, 0);
}

.homepage__product-swimlane .product-card .product-card--inner .product__image:hover a img, .homepage__product-swimlane .product-card .product-card--inner .product__image:hover .read-more-button img {
  transform: translate(-2em, 0) scale(1.03);
}

.homepage__product-swimlane .product-card .card-details {
  text-align: left;
  padding-bottom: 0em;
  min-height: 6em;
}

.homepage__product-swimlane .product-card .card-details .product-card-name {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 99%;
}

.homepage__product-swimlane .product-card .card-details .product-card-name .product-name-line:first-child {
  font-weight: 800;
  font-size: 0.9em;
}

.homepage__product-swimlane .product-card .card-details .product-card-name .product-name-line:nth-child(2),
.homepage__product-swimlane .product-card .card-details .product-card-name .product-name-line:nth-child(3) {
  font-size: 0.8em;
}

.homepage__product-swimlane .product-card .default-product-card-details .product-card-name {
  margin-bottom: 0;
}

.homepage__product-swimlane .product-card .product-card--crowdfunding .default-product-card-details {
  height: auto;
}

.homepage__product-swimlane .product-card .product-price,
.homepage__product-swimlane .product-card .price .product-price__percentage,
.homepage__product-swimlane .product-card .product-price .product-price__percentage {
  font-size: 0.9em;
}

.homepage__product-swimlane .product-card--date-created {
  padding-left: 1em;
  font-size: 0.9em;
}

.homepage__product-swimlane .progress-bar-container .success-container {
  justify-content: normal;
  margin: -1em auto 0;
}

.homepage__product-swimlane .progress-bar-container .success-container .success-text {
  font-size: 0.9em;
}

.homepage__product-swimlane .progress-bar-container .meta-data-container {
  display: none;
}

.homepage__product-swimlane .progress-bar-container .progress-bar.fade-out-bar {
  display: none;
}

.homepage__product-swimlane .progress-bar-container .success-container .success-text {
  padding-bottom: 0;
}

.homepage__product-swimlane .progress-bar-container .success-container .success-icon {
  width: 1.75em;
  margin-top: 0.5em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .homepage__product-swimlane .product-card .card-details {
    min-height: 7em;
  }
  .homepage__product-swimlane .product-card .card-details .product-card-name .product-name-family {
    font-size: 0.9em;
  }
  .homepage__product-swimlane .product-card .card-details .product-price,
  .homepage__product-swimlane .product-card .card-details .price .product-price__percentage,
  .homepage__product-swimlane .product-card .card-details .product-price .product-price__percentage {
    font-size: 1em;
  }
  .homepage__product-swimlane .progress-bar-container .progress-bar.fade-out-bar,
  .homepage__product-swimlane .progress-bar-container .success-container {
    display: none;
  }
  .homepage__product-swimlane .product-card--date-created {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .homepage__product-swimlane h2.homepage__product-swimlane__title {
    margin: 0 0 1rem 0 !important;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__product-swimlane header {
    margin-right: 0;
  }
  .homepage__product-swimlane .swiper-container {
    margin: 0;
  }
}

.homepage__category-swimlane.swimlane .swiper-container {
  margin: 0 1rem;
}

.homepage__category-swimlane.swimlane .swimlane__slide__link {
  display: block;
  overflow: hidden;
}

.homepage__category-swimlane.swimlane .swimlane__slide__image {
  transition: transform 0.3s;
}

.homepage__category-swimlane.swimlane .swimlane__slide__image.with-link:hover {
  transform: scale(1.03);
}

.homepage__category-swimlane.swimlane .swimlane__slide__title {
  font-size: 1.75em;
  font-weight: 800;
  font-size: 1em;
  padding: 1em 0 0 1em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

@media screen and (min-width: 768px) {
  .homepage__category-swimlane.swimlane h2.homepage__category-swimlane__title {
    margin: 0 0 1rem 0 !important;
  }
  .homepage__category-swimlane.swimlane .swiper-container {
    margin-left: 0;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage__category-swimlane.swimlane header {
    margin-right: 0;
  }
  .homepage__category-swimlane.swimlane .swiper-container {
    margin: 0;
  }
}

.home-chat__container .home-chat {
  display: block;
  color: #333;
  overflow: hidden;
  position: relative;
}

.home-chat__container .home-chat__content {
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 1em;
  left: 1em;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vw;
}

.home-chat__container .home-chat__content .content__link {
  min-height: 100vw;
  width: 100%;
}

.home-chat__container .home-chat__content .content__headline {
  font-size: 6.375vw;
  line-height: 7vw;
}

.home-chat__container .home-chat__content .content__description {
  font-size: 0.9em;
  line-height: 1.4em;
  text-transform: uppercase;
  margin-top: 0.25em;
  margin-bottom: 1em;
}

.home-chat__container .home-chat__content .content__cta {
  font-size: 0.85em;
}

.home-chat__container .home-chat__image {
  width: 100%;
  min-height: 30vw;
}

.home-chat__container .home-chat__image.home-chat__image--desktop {
  display: none;
}

.home-chat__container .home-chat .home-chat__chat {
  height: 30em;
}

.home-chat__container .home-chat .home-chat__chat .chat-header__title {
  display: block !important;
  text-transform: capitalize;
  padding: 1rem 1rem 0;
  cursor: default;
}

.home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__header .chat-header__left:hover, .home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__header .chat-header__left:active {
  color: initial;
}

.home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__header.gray-with-shadow {
  height: 3em;
}

.home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__messages {
  overflow-y: hidden;
}

.home-chat__container .home-chat .home-chat__chat .chat-users-online .online-now {
  width: auto;
  margin: 0 1em;
}

@media screen and (min-width: 768px) {
  .home-chat__container .home-chat__content {
    height: 100%;
  }
  .home-chat__container .home-chat__content .content__link {
    min-height: 40vw;
  }
  .home-chat__container .home-chat__content .content__headline {
    font-size: 6.375vw;
    line-height: 6.5vw;
  }
  .home-chat__container .home-chat__image.home-chat__image--desktop {
    display: flex;
  }
  .home-chat__container .home-chat__image.home-chat__image--mobile {
    display: none;
  }
  .home-chat__container .home-chat .home-chat__chat__container {
    position: absolute;
    box-shadow: 0px 2px 8px #6b6b6b;
    border-radius: 1rem;
    background-color: #fff;
    right: 1em;
    top: 1em;
    height: 40vw;
    z-index: 2;
  }
  .home-chat__container .home-chat .home-chat__chat {
    border-radius: 1rem;
    height: 100%;
    max-width: 20em;
    min-width: 20em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-header__title {
    text-transform: capitalize;
    padding: 1rem 0 0 1rem;
    font-size: 0.9em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-users-online .online-now {
    font-size: 0.75rem;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-users-online {
    display: inline-flex;
    margin: 0.5em 1em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-users-online .online-now {
    width: 100%;
    margin: 0;
  }
  .home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__header.gray-with-shadow {
    height: initial;
  }
  .home-chat__container .home-chat .home-chat__chat.live-launch__chat .chat__messages {
    overflow-y: scroll;
  }
}

@media screen and (min-width: 64.0625em) {
  .home-chat__container .home-chat__content {
    right: 60%;
  }
  .home-chat__container .home-chat__content .content__description {
    font-size: 1.25vw;
    margin-top: 0;
  }
  .home-chat__container .home-chat__content .content__cta {
    font-size: 1rem;
  }
  .home-chat__container .home-chat .home-chat__chat__container {
    right: 2em;
    top: 3em;
    height: 30vw;
  }
  .home-chat__container .home-chat .home-chat__chat {
    max-width: 25em;
    min-width: 25em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-header__title {
    font-size: 1.125em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-users-online {
    margin-bottom: 1em;
  }
  .home-chat__container .home-chat .home-chat__chat .chat-users-online .online-now {
    font-size: 1rem;
  }
}

@media screen and (min-width: 120em) {
  .home-chat__container .home-chat .home-chat__chat__container {
    height: 40em;
  }
  .home-chat__container .home-chat__content .content__link {
    min-height: 50em;
  }
  .home-chat__container .home-chat__content .content__headline {
    font-size: 7.15rem;
    line-height: 7.15rem;
  }
  .home-chat__container .home-chat__content .content__description {
    font-size: 1.25rem;
  }
  .home-chat__container .home-chat__image {
    min-height: 50em;
  }
}

.homepage__quote-swimlane {
  overflow: hidden;
  padding: 2rem 0;
}

.homepage__quote-swimlane .showing-all-slides .swiper-pagination {
  display: none;
}

.homepage__quote-swimlane .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: auto;
}

.homepage__quote-swimlane .swiper-container .swiper-pagination-bullet-active {
  background: #333;
}

.homepage__quote-swimlane .quotes-swiper-outer {
  margin: 4em;
}

.homepage__quote-swimlane .swiper-container {
  margin-top: 0 !important;
  margin: 4 !important;
  padding: 0 !important;
  overflow: visible;
}

.homepage__quote-swimlane .swimlane__slide {
  display: flex;
  padding: 2em;
  margin: auto;
}

.homepage__quote-swimlane .swimlane__slide .inner {
  position: relative;
  padding: 2em 1em;
  margin: auto;
  background-color: #e8d6cb;
  border-radius: 1rem;
}

.homepage__quote-swimlane .swimlane__slide .inner .avatar {
  position: absolute;
  top: -1em;
  left: -0.5em;
}

.homepage__quote-swimlane .swimlane__slide .inner .swimlane__slide__quote {
  margin-bottom: 0;
}

.home-media-article__container {
  display: flex;
  margin-bottom: 1rem;
}

.home-media-article__container .home-media-article__content {
  padding-right: 10%;
  align-self: center;
  flex: 1 0 50%;
}

.home-media-article__container .home-media-article__content .content__headline {
  margin-bottom: 0.5em;
  font-size: 4vw;
  line-height: 4vw;
}

@media screen and (min-width: 120em) {
  .home-media-article__container .home-media-article__content .content__headline {
    font-size: 4em;
    line-height: 4rem;
  }
}

.home-media-article__container .home-media-article__content p {
  line-height: initial;
}

.home-media-article__container .home-media-article__media {
  flex: 1 0 30%;
  position: relative;
  top: 0;
  padding-bottom: 40%;
}

.home-media-article__container .home-media-article__media .media__video {
  position: absolute;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .home-media-article__container {
    padding: 0 1rem;
  }
  .home-media-article__container .home-media-article__content {
    padding-right: 2em;
    flex: 1 0 40%;
  }
  .home-media-article__container .home-media-article__media {
    flex: 1 0 40%;
    padding-bottom: 56.25%;
  }
  .home-media-article__container .home-media-article__media iframe {
    position: absolute;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .home-media-article__container {
    flex-direction: column;
    padding-top: 0;
  }
  .home-media-article__container .home-media-article__content {
    padding-right: 1em;
  }
  .home-media-article__container .home-media-article__content .content__headline {
    font-size: 6.375vw;
    line-height: 6.5vw;
  }
  .home-media-article__container .home-media-article__content p {
    font-size: 1em;
  }
  .home-media-article__container .home-media-article__content .content__button {
    margin-top: 0.25em;
    display: block;
  }
  .home-media-article__container .home-media-article__media {
    position: relative;
    top: 0;
    padding-bottom: 100%;
  }
  .home-media-article__container .home-media-article__media iframe {
    position: absolute;
  }
}

.homepage-2 {
  margin: 0 auto;
}

.homepage-2 .default-content-type {
  margin: 4em 0;
  min-height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.homepage-2 .homepage__product-swimlane {
  margin: 1em 0;
}

.homepage-2 .homepage__category-swimlane {
  margin: 1em 0 4rem;
}

.homepage-2 .homepage-chat-card {
  margin: 0 0 2em;
}

.homepage-2 .product-card .product__image .badge--polls {
  display: none;
}

.homepage-2 .home-media-article__container {
  margin: 1em 0 4rem;
}

@media screen and (min-width: 64.0625em) {
  .homepage-2 .home-chat__container,
  .homepage-2 .homepage__product-swimlane,
  .homepage-2 .homepage__category-swimlane,
  .homepage-2 .homepage__quote-swimlane-container,
  .homepage-2 .homepage__featured-in-container,
  .homepage-2 .home-media-article__container,
  .homepage-2 .home-feature {
    padding: 0 4em;
    margin: 0 auto;
    max-width: 120em;
  }
}

.homepage {
  position: relative;
  min-height: 100vh;
}

.homepage .loading-hero {
  min-height: 80vh;
}

.homepage > div + div {
  margin-top: 1em;
}

.homepage > div + div.no-top-margin {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .homepage > div + div {
    margin-top: 2.8em;
  }
  .homepage > div + div.reduced-margin {
    margin-top: 2em;
  }
}

@media screen and (min-width: 64.0625em) {
  .homepage > div + div {
    margin-top: 4em;
  }
  .homepage > div + div.reduced-margin {
    margin-top: 3em;
  }
}

.homepage .product-card {
  background-color: transparent;
}

.homepage .product-card:last-child {
  margin-right: 0;
}

.homepage .product-card .product-card--inner {
  border: none;
}

.homepage .product-card .card-details {
  padding: 0.9em 0 0.2em;
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.name-fragments, .homepage .product-card .card-details .default-product-card-details .product-card-name.no-name-fragments {
  height: auto;
  text-align: left;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 0.8em;
  font-weight: 800;
}

@media screen and (min-width: 1216px) {
  .homepage .product-card .card-details .default-product-card-details .product-card-name.name-fragments, .homepage .product-card .card-details .default-product-card-details .product-card-name.no-name-fragments {
    font-size: 0.9em;
  }
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.name-fragments {
  height: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.name-fragments .product-name-family {
  margin-top: 0.5em;
  margin-bottom: 2em;
  font-size: 0.8em;
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.name-fragments .product-family-member-color {
  font-weight: inherit;
  font-size: inherit;
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.no-name-fragments {
  margin-bottom: 0;
}

.homepage .product-card .card-details .default-product-card-details .product-card-name.no-name-fragments .product-name--two-lines {
  white-space: normal;
  font-weight: inherit;
  font-size: inherit;
}

.homepage .product-card .card-details a, .homepage .product-card .card-details .read-more-button {
  margin-bottom: 0.4em;
}

.homepage .product-card h4,
.homepage .product-card .product-name {
  height: auto;
  text-align: left;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 1em;
  font-weight: 800;
}

.homepage .product-card h4 + h4 {
  font-size: 0.7em;
}

.homepage .product-card .link-underlined, .homepage .product-card .live-launch__chat .chat__messages .chat-message .message a, .live-launch__chat .chat__messages .chat-message .message .homepage .product-card a, .homepage .product-card .live-launch__chat .chat__messages .chat-message .message .read-more-button, .live-launch__chat .chat__messages .chat-message .message .homepage .product-card .read-more-button {
  font-weight: 400;
  font-size: 1em;
}

.homepage .homepage__cards-title {
  display: none;
}

.homepage.homepage-live-event .homepage-chat-card {
  min-height: 80vh;
}

.homepage.homepage-live-event .homepage-chat-card .homepage-chat-card--color-highlight {
  height: 42.5em;
  position: relative;
  background-color: #e8d6cb;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 35%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 35%, 0 100%);
}

.homepage.homepage-live-event .homepage-chat-card .live-event-chat-card {
  background-color: transparent;
  position: relative;
  z-index: 1;
  padding-top: 2em;
  margin-top: -42.5em;
}

.homepage.homepage-live-event .homepage-chat-card .live-event-chat-card:after {
  box-shadow: none;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .homepage.homepage-live-event .homepage-chat-card .live-event-chat-card {
    padding-top: 1em;
  }
}

.homepage.homepage-live-event .homepage-chat-card .live-event-chat-card .chat-card__chat-video-container {
  background-color: #e8d6cb;
  margin: 0 1em 1em;
  padding: 0 0 1em 1em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .homepage.homepage-live-event .homepage-chat-card .live-event-chat-card .chat-card__chat-video-container {
    margin: 0 0 2em;
  }
}

.homepage.homepage-live-event .homepage-chat-card .live-event-chat-card .chat-card__featured {
  padding: 0 1em;
}

.homepage.homepage-live-event .homepage-chat-card .live-event-chat-card .chat-card__featured ks-swiper-container:not(.swiper--no-margins) .swiper-container {
  padding-bottom: 1em;
}

.homepage.homepage-live-event .home-cards__container {
  background-color: rgba(238, 240, 243, 0.25);
}

.homepage.homepage-live-event .home-cards__container .homepage__cards {
  padding: 3em 0 5em;
}

.homepage.homepage-live-event .home-cards__container .homepage__cards-title {
  display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .homepage.homepage-live-event .home-cards__container .homepage__cards-title {
    font-size: 1.75em;
    margin-bottom: 1.5em;
  }
}

.homepage.homepage-live-event .home-feature__container {
  margin-top: 0;
}

@media screen and (min-width: 64.0625em) {
  .homepage.homepage-live-event .homepage-chat-card {
    min-height: 40vh;
  }
}

.homepage.homepage__chat-hero .home-cards__container {
  margin-top: 0;
}

.collection-category-grid {
  padding: 5em 10vw;
}

.homepage__engagement {
  margin-top: 1em;
}

@media screen and (min-width: 64.0625em) {
  .homepage__engagement {
    margin-top: 0;
  }
}

@media screen and (min-width: 1216px) {
  .constrained-width {
    max-width: 80vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .hp-copy-block h3 {
    font-size: 30px;
  }
}

.hp-copy-block p {
  font-size: 0.9em;
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .hp-copy-block p {
    font-size: 1em;
    font-style: italic;
    margin-bottom: 1em;
  }
}

.button-group--referral .button, .button-group--referral .poll__answers .list .poll__answer, .poll__answers .list .button-group--referral .poll__answer {
  width: 3.5em;
  margin-left: 5px;
}

.button-group--referral .button:first-child, .button-group--referral .poll__answers .list .poll__answer:first-child, .poll__answers .list .button-group--referral .poll__answer:first-child {
  margin-left: 8px;
  border-radius: 4px;
}

.button-group--referral .button:last-child, .button-group--referral .poll__answers .list .poll__answer:last-child, .poll__answers .list .button-group--referral .poll__answer:last-child {
  border-left: 1px solid;
  border-radius: 4px;
}

tooltip tip.social-sharing {
  cursor: pointer;
}

tooltip tip.social-sharing .button-group {
  margin-bottom: 1em;
}

tooltip tip.social-sharing:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -44px;
  width: 100%;
  height: 45px;
}

.modelcitizen__page {
  background-color: #fff;
  overflow: auto !important;
}

.modelcitizen {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  background-color: white;
}

.modelcitizen::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 1473px) {
  .modelcitizen {
    padding: 1em 0;
  }
}

.modelcitizen--bg {
  width: 100%;
  min-height: 300px;
  background-image: url("/angular/src/images/mc-checkered.jpg");
  background-repeat: repeat;
  background-position: 0 20%;
  -webkit-animation: 90s para infinite linear;
          animation: 90s para infinite linear;
}

@-webkit-keyframes para {
  100% {
    background-position: -5000px 20%;
  }
}

@keyframes para {
  100% {
    background-position: -5000px 20%;
  }
}

.model-citizen-card__image {
  height: 0;
}

.modelcitizen-loading-images {
  text-align: center;
  margin: 2em 0 4em;
  text-transform: uppercase;
}

.modelcitizen-loading-images span {
  margin-right: 0.5em;
}

.mc-masonry .grid-sizer {
  width: 100%;
}

.mc-masonry .masonry-card {
  margin-bottom: 0.75em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .mc-masonry .grid-sizer {
    width: 49.5%;
  }
  .mc-masonry .gutter-sizer {
    width: 1%;
  }
  .mc-masonry .masonry-card {
    margin-bottom: 0.75em;
    width: 49.5%;
  }
}

@media screen and (min-width: 64.0625em) {
  .mc-masonry .grid-sizer {
    width: 32.6%;
  }
  .mc-masonry .gutter-sizer {
    width: 1%;
  }
  .mc-masonry .masonry-card {
    margin-bottom: 0.75em;
    width: 32.6%;
  }
}

.wall-of-fame__title {
  text-align: center;
}

.wall-of-fame__title .h1, .wall-of-fame__title .video-page h1, .video-page .wall-of-fame__title h1, .wall-of-fame__title .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .wall-of-fame__title .content__headline, .wall-of-fame__title .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .wall-of-fame__title .product-name {
  margin-bottom: 0;
}

.mc-of-the-day {
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 64.0625em) {
  .mc-of-the-day {
    margin: 2em 0 1em;
  }
}

.mc-of-the-day .model-citizen-card {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .mc-of-the-day .model-citizen-card {
    border: 10px solid #61bfe8;
  }
}

.mc-of-the-day .model-citizen-card.orientation-horizontal {
  max-width: 800px;
}

.mc-of-the-day .model-citizen-card.orientation-vertical {
  max-width: 500px;
}

.mc-of-the-day .afkl-lazy-image {
  width: 100%;
}

.model-citizen-modal {
  min-width: 100vw;
  min-height: 100vh;
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin-top: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .model-citizen-modal .modal-close button {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .model-citizen-modal {
    min-width: 90vw;
    min-height: 90vh;
  }
}

@media screen and (min-width: 64.0625em) {
  .model-citizen-modal {
    min-width: 75vw;
    min-height: 75vh;
  }
}

.model-citizen-modal .media-box {
  background: #eee url(/angular/src/images/bb_loading_2x.gif) no-repeat center center;
  background-size: 100px 100px;
}

.model-citizen-modal .model-citizen-modal__flex {
  width: 100vw;
  height: 70vh;
}

@media screen and (min-width: 768px) {
  .model-citizen-modal .model-citizen-modal__flex {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
  }
}

.model-citizen-modal .model-citizen-modal__image-column {
  flex: 1 1 100%;
  background-size: contain;
  background-position: center center;
  background-color: #333;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .model-citizen-modal .model-citizen-modal__image-column {
    height: 100%;
  }
}

.model-citizen-modal .model-citizen-modal__action-column {
  flex: 1 1 400px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .model-citizen-modal .model-citizen-modal__action-column {
    overflow: hidden;
  }
}

.model-citizen-modal .model-citizen-modal__action-column .top {
  padding: 1em 1em;
}

.model-citizen-modal .model-citizen-modal__action-column .middle {
  padding: 0 1em 1em;
  flex: 1;
}

@media screen and (min-width: 768px) {
  .model-citizen-modal .model-citizen-modal__action-column .middle {
    overflow-y: scroll;
  }
}

.model-citizen-modal .model-citizen-modal__action-column .profile-card {
  height: 54px;
}

.model-citizen-modal .model-citizen-modal__action-column .tabs {
  display: none;
}

.model-citizen-modal .model-citizen-modal__action-column .field-container {
  margin-bottom: 0;
}

.model-citizen-modal .model-citizen-modal__action-column .field-container-buttons {
  margin: 1em 0;
}

.model-citizen-modal .model-citizen-modal__action-column .comment-body {
  font-size: 0.875em;
}

.model-citizen-modal .model-citizen-modal__action-column .vote-button--heart {
  margin-bottom: 0.5em;
}

.model-citizen-modal__products {
  border-top: 1px solid #dcdad8;
  padding: 0.5em;
  background-color: #edeceb;
}

.model-citizen-modal__products a, .model-citizen-modal__products .read-more-button {
  display: flex;
  align-items: center;
}

.model-citizen-modal__products [afkl-lazy-image] {
  width: 45px;
  padding-right: 1em;
}

.model-citizen-modal__products img {
  display: block;
}

.model-citizen-modal__products .model-stats {
  display: inline-block;
  width: 100%;
  padding: 0.25em 0;
  border-top: 1px solid #dcdad8;
  margin-top: 0.25em;
}

.model-citizen-modal__products .model-stats .model-stats--attribute:after {
  margin-left: -0.25em;
  content: ',';
}

.model-citizen-modal__products .model-stats .model-stats--attribute:last-child {
  content: '';
}

.model-citizen-modal__products .model-stats .model-stats--attribute:last-child:after {
  content: '';
}

.model-citizen-ctas {
  background-image: url("/angular/src/images/MC-Call-to-Action-3.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  height: 663px;
}

.model-citizen-ctas .h2, .model-citizen-ctas .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .model-citizen-ctas .h3, .model-citizen-ctas .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .model-citizen-ctas h3, .model-citizen-ctas #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .model-citizen-ctas h3, .model-citizen-ctas .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .model-citizen-ctas .out-of-stock__modal--label, .model-citizen-ctas .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .model-citizen-ctas .out-of-stock__modal--label {
  display: none;
}

.model-citizen-ctas button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.01;
}

.model-citizen-ctas button span {
  font-size: 1.3em;
  display: block;
  margin-bottom: 0.25em;
}

/* Style tools */
.animateMessages, .response-update, .communication-drafts,
.product-updates {
  transition: all ease-in-out 0.5s;
}

h5.pull-right {
  margin-top: 0;
}

.fix-image-sizing img, .communication-drafts img, .product-updates img {
  max-width: 100%;
  width: auto;
}

.author-selector {
  margin-top: 0.5em;
  width: auto;
  display: block;
}

.hiddenMessage {
  opacity: 0.5;
  pointer-events: none;
  border-left: 5px solid lightgray;
}

.draft-style, .new-update__form .poll__question .ng-pristine:after,
.new-update__form .poll__answers .ng-pristine:after, .communication-drafts .product-update.authorable:after,
.product-updates .product-update.authorable:after, .thinktank-submission__draft:after {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal !important;
  font-size: 14px;
  line-height: 1;
  color: #e8e7e6;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.response-update {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  height: 0;
  color: #333;
  text-transform: uppercase;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.stream-activities .response-update,
.product-updates .response-update {
  height: 45px;
}

.new-update__form {
  max-width: 99.5%;
}

.profile-page .new-update__form {
  margin: 1px 0 15px;
}

.communications__add-comment {
  display: inline-block;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.communications__add-comment textarea {
  margin-bottom: 10px;
}

label.communications__message-type-label {
  display: inline-block;
}

.communications__message-type {
  display: inline-block;
  margin-bottom: 10px;
}

.communication-drafts {
  margin-top: 2em;
}

.communication-drafts img {
  max-width: 100%;
  width: auto;
}

.communication-drafts,
.product-updates {
  width: 100%;
}

.communication-drafts .product-update,
.product-updates .product-update {
  position: relative;
  background: #fff;
  padding: 1.5em;
  margin-top: 2em;
  border: 1px solid #e9e9e9;
  /* Message content formatting. */
}

.communication-drafts .product-update.authorable:after,
.product-updates .product-update.authorable:after {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  content: 'PUBLISHED';
}

.communication-drafts .product-update.authorable:after.hiddenMessage,
.product-updates .product-update.authorable:after.hiddenMessage {
  content: 'UNPUBLISHED';
}

.communication-drafts .product-update.authorable.hiddenMessage:after,
.product-updates .product-update.authorable.hiddenMessage:after {
  content: 'UNPUBLISHED';
}

.communication-drafts .product-update .article-content ul,
.product-updates .product-update .article-content ul {
  margin-left: 1em;
}

.communication-drafts .product-update .article-content ul li,
.product-updates .product-update .article-content ul li {
  list-style: disc;
  margin-bottom: 0.25em;
}

.product-updates .production-actions {
  display: inline-block;
  padding-top: 0.5em;
}

.product-updates .button--heart {
  position: static;
}

.draft::after,
.update::after {
  clear: both;
  content: '';
  display: table;
}

.draft h3,
.update h3 {
  margin-top: 0;
}

.draft header,
.update header {
  margin-bottom: 2em;
}

.draft address,
.update address {
  display: inline;
  font-style: normal;
}

/* Users */
.draft .byline,
.update .byline {
  color: #a09995;
}

.draft .byline .author,
.update .byline .author {
  line-height: 22px;
  font-size: 0.875em;
  color: #777;
  vertical-align: middle;
  font-style: normal;
}

.draft .byline .author .avatar,
.update .byline .author .avatar {
  width: 44px;
  height: 44px;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  border: 2px solid #ccc;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.message-header {
  margin-top: 0;
}

.thinktank-submission__draft {
  position: relative;
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
  background: #fff;
  padding: 1.5em;
  margin-top: 20px;
  border: 1px solid #e9e9e9;
}

.thinktank-submission__draft:last-child {
  margin-right: 0;
}

.thinktank-submission__draft:after {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  content: 'DRAFT';
}

.thinktank-submission__draft .headline {
  margin-bottom: 5px;
}

.thinktank-submission__draft .draft {
  width: 100%;
  margin-bottom: 20px;
}

.edit-draft-form {
  display: none;
  width: 100%;
}

.editing .edit-draft-form {
  display: inline-block;
}

/* Placeholder form styles */
.new-update__subject {
  width: 100%;
  min-height: 2.5em;
  margin-bottom: 0.5em;
}

.new-update__textbox {
  width: 100%;
  min-height: 5em;
  border-color: #eeeeee;
}

.new-update__submit {
  margin-top: 10px;
}

.notification-selections {
  margin-top: 10px;
}

.notification-selections label {
  margin-bottom: 5px;
}

/* Button styles */
.update-controls li {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
}

/* Placeholder button colors. */
@media screen and (min-width: 768px) {
  div.submission-form {
    margin-top: 2em;
  }
}

@media screen and (min-width: 1473px) {
  div.submission-form {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  div.submission-form::after {
    clear: both;
    content: '';
    display: table;
  }
}

.submissionForm {
  background-color: #fff;
  padding: 1em;
  border: 1px solid #edeceb;
}

@media screen and (min-width: 64.0625em) {
  .submissionForm {
    margin-right: 2em;
    padding: 2em;
  }
}

.submission-form__error {
  display: none;
}

.submission-panel {
  display: none;
}

.submission-panel--active {
  display: block;
}

.submission-preview .product-card {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
  line-height: 1.5em;
  text-align: center;
  border: 1px solid #e8e7e6;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}

.submission-preview .product-card:last-child {
  margin-right: 0;
}

.submission-preview .product-card:hover {
  box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.09);
}

.submission-preview .product-card .product-card__image {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  height: 0;
  padding-bottom: 100%;
  background-color: #e8e7e6;
}

.submission-preview .product-card .product-card__image .reposition-cover {
  opacity: 0;
  pointer-events: none;
  margin-top: -3em;
  transition: all 0.3s ease-in-out;
}

.submission-preview .product-card .product-card__image:hover button {
  opacity: 1;
  top: 0;
}

.submission-preview .product-card .product-card__image:hover button.button-rounded {
  top: 0;
}

.submission-preview .product-card .product-card__image.active:hover .flex-center {
  cursor: move;
}

.submission-preview .product-card .product-card__image.active:hover .button-wrapper .reposition-cover {
  pointer-events: none;
  opacity: 1;
  margin-top: 0;
}

.submission-preview .product-card .product-card__image.active:hover .button-wrapper button {
  display: none;
}

.submission-preview .product-card .product-card__image.active:hover img {
  transform: none;
  -webkit-filter: none;
          filter: none;
}

.submission-preview .product-card .product-card__image img {
  position: relative;
}

.submission-preview .product-card .button-wrapper .reposition-cover {
  pointer-events: none;
}

.submission-preview .product-card .button-wrapper .reposition-cover::-moz-selection {
  background-color: transparent;
}

.submission-preview .product-card .button-wrapper .reposition-cover::selection {
  background-color: transparent;
}

.submission-preview .product-card .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.submission-preview .product-card__status {
  position: relative;
  width: 75%;
  margin: 0 auto;
}

.submission-preview .product-card__status-tip {
  position: absolute;
  color: white;
  background-color: #4c8226;
  line-height: 1;
  font-size: 0.8em;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 1;
  top: -10%;
  margin-left: -0.2em;
  display: none;
}

.submission-preview .product-card__status-tip:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.1px 3.5px 0 3.5px;
  border-color: #4c8226 transparent transparent transparent;
  position: absolute;
  bottom: -3.5px;
  left: 0;
}

@media screen and (min-width: 64.0625em) {
  .submission-preview .product-card {
    margin-bottom: 1.5em;
  }
  .submission-preview .product-card__image {
    font-size: 95%;
  }
}

.submission-form__upload-previews {
  width: 100%;
  display: block;
  margin-left: 0;
}

.submission-form__upload-previews .use-as-preview {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-bottom: 0;
  background-color: #a09995;
}

.submission-form__upload-previews .banner-image {
  padding: 0.2em 0.3em;
  background: #4c8226;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: -1.5em;
  left: 0;
  width: auto;
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-bottom: 0;
}

.submission-form__upload-previews__image {
  position: relative;
  max-width: 25%;
  margin: 1em 1em 1em 0;
  display: block;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.submission-completed .submission-form__upload-previews__image {
  pointer-events: none;
}

.comment-body .submission-form__upload-previews__image {
  cursor: pointer;
}

.submission-form__upload-previews__image .delete {
  padding: 0.2em 0.3em;
  background: #a09995;
  position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  width: auto;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.submission-completed .submission-form__upload-previews__image .delete {
  opacity: 0;
  pointer-events: none;
}

.submission-form__upload-previews__image .delete:hover {
  text-decoration: none;
}

.submission-form__upload-previews__image .download {
  padding: 0.2em 0.3em;
  background: #a09995;
  position: absolute;
  color: #fff;
  top: 0;
  right: 1.5em;
  width: auto;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.submission-completed .submission-form__upload-previews__image .download {
  opacity: 0;
  pointer-events: none;
}

.submission-form__upload-previews__image .download:hover {
  text-decoration: none;
}

.submission-form__upload-previews__image.gu-transit .delete {
  display: none;
  opacity: 0;
}

.submission-form__upload-previews__image img {
  pointer-events: none;
  display: block;
}

.insta-headline {
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .insta-headline {
    display: flex;
    align-items: center;
  }
}

.insta-headline .insta-logo {
  margin-bottom: 2em;
  max-width: 200px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .insta-headline .insta-logo {
    margin-bottom: 0;
    margin-right: 3em;
  }
}

.insta-headline img {
  width: 100%;
  display: table;
  margin: 0 auto;
}

.insta-headline h1 {
  line-height: 1.2;
}

.insta-headline :last-child {
  margin-bottom: 0;
}

.insta-links {
  width: 100%;
  display: flex;
  justify-content: center;
}

.insta-links a, .insta-links .read-more-button {
  flex: 1;
  transition: all 0.3s ease-in-out;
  background-color: #4c8226;
  padding: 1em;
  border-radius: 4px;
}

.insta-links a:nth-child(2), .insta-links .read-more-button:nth-child(2) {
  background-color: #27a8e0;
}

.insta-links a:nth-child(3), .insta-links .read-more-button:nth-child(3) {
  background-color: #c156ff;
}

.insta-links a:hover, .insta-links .read-more-button:hover {
  transform: scale(1.1);
  opacity: 0.75;
}

@media screen and (min-width: 768px) {
  .insta-links {
    max-width: 37.5em;
    margin: 0 auto;
  }
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.draggable ul[dnd-list],
.draggable ul[dnd-list] > li {
  position: relative;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.draggable ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.draggable ul[dnd-list] .dndPlaceholder {
  position: relative;
  max-width: 23%;
  margin: 20px 20px 15px 0;
  display: inline-block;
  min-width: 5em;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.draggable ul[dnd-list] li {
  display: inline-block;
}

.mce-path {
  visibility: hidden;
}

.mce-label {
  min-width: 60px !important;
}

.mc-modal {
  margin: 0;
}

.mc-uploader {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.mc-uploader::after {
  clear: both;
  content: '';
  display: table;
}

.mc-uploader--left {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 66.12755%;
}

.mc-uploader--left:last-child {
  margin-right: 0;
}

.mc-uploader--right {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 32.2551%;
}

.mc-uploader--right:last-child {
  margin-right: 0;
}

.uploader__canvas .canvas-container + .upper-canvas {
  pointer-events: none;
}

#cropper:hover #rotate,
#cropper:hover #scale {
  opacity: 1;
}

#background {
  fill: #ffc83f;
}

#rotate,
#scale {
  opacity: 0;
  transition: opacity 0.3s;
}

.modelcitizen__uploader {
  text-align: center;
}

.modelcitizen__uploader h2 {
  margin-bottom: 0.25em;
}

.modelcitizen__uploader .uploader__pad {
  position: relative;
  background-color: #fff;
  padding: 1em;
}

.modelcitizen__uploader .uploader__pad::after {
  clear: both;
  content: '';
  display: table;
}

.modelcitizen__uploader .close__uploader {
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
}

.modelcitizen__uploader .fabric__canvas {
  width: 100%;
  height: 100%;
}

.modelcitizen__uploader .lower-canvas {
  pointer-events: none;
}

.modelcitizen__uploader .uploader__canvas {
  background-color: #e8e7e6;
  height: 0;
  padding-bottom: 58.5106383%;
  position: relative;
  background-position: center center;
  text-align: center;
  border-bottom: 4px solid #fff;
  color: #a09995;
}

.modelcitizen__uploader .uploader__canvas.has__image {
  background-size: 100% auto;
}

.modelcitizen__uploader .uploader__canvas.has__image .clear__image {
  position: absolute;
  bottom: 1em;
  height: 2.3em;
  background-color: #fff;
  padding: 0.5em 1em 0.5em 0.5em;
  z-index: 3;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  text-transform: uppercase;
  margin-left: -4.3em;
  display: none;
}

.modelcitizen__uploader .uploader__canvas.has__image .clear__image span {
  vertical-align: middle;
  line-height: 1;
}

.modelcitizen__uploader .uploader__canvas.has__image .clear__image span.pe-7s-close {
  font-size: 1.5em;
  line-height: 0.5em;
  padding-left: 0;
}

.modelcitizen__uploader .uploader__canvas.has__image + .modelcitizen-uploader__controls + .modelcitizen-uploader__mobile .button:after, .modelcitizen__uploader .uploader__canvas.has__image + .modelcitizen-uploader__controls + .modelcitizen-uploader__mobile .poll__answers .list .poll__answer:after, .poll__answers .list .modelcitizen__uploader .uploader__canvas.has__image + .modelcitizen-uploader__controls + .modelcitizen-uploader__mobile .poll__answer:after {
  display: none;
}

.modelcitizen__uploader .button-group,
.modelcitizen__uploader .modelcitizen-uploader__mobile {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0);
}

.modelcitizen__uploader .modelcitizen-uploader__controls {
  border: 4px solid #fff;
  width: 100%;
  z-index: 1;
  padding: 0.75em;
  text-align: left;
}

.modelcitizen__uploader .modelcitizen-uploader__controls::after {
  clear: both;
  content: '';
  display: table;
}

.modelcitizen__uploader .modelcitizen-uploader__controls label {
  width: 50%;
  float: left;
  font-size: 0.75em;
}

.modelcitizen__uploader .modelcitizen-uploader__controls input[type='range'] {
  float: left;
  width: 50%;
}

.modelcitizen__uploader .clear__image {
  display: none;
}

.modelcitizen__uploader .upload__instructions {
  pointer-events: none;
  font-size: 1.125em;
  text-transform: uppercase;
}

.modelcitizen__uploader input[type='file'] {
  color: #a09995;
  font-family: inherit;
}

.modelcitizen__uploader .upload__hint {
  pointer-events: none;
  font-size: 0.875em;
  color: #a09995;
}

.modelcitizen__uploader .centered__content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  z-index: 2;
  display: none;
}

.modelcitizen__uploader .upload__disclaimer {
  font-size: 0.75em;
  color: #a09995;
}

.modelcitizen__uploader .uploader__email {
  display: table;
  margin: 0 auto 1em;
  width: 100%;
}

.modelcitizen__uploader .uploader__caption {
  display: table;
  margin: 0;
  width: 100%;
}

.modelcitizen__uploader .uploader__product {
  border: 1px solid #e8e7e6;
  margin-bottom: 1em;
  margin-top: 1em;
  font-size: 0.875em;
  padding-right: 3.5em;
}

.modelcitizen__uploader .agreement-wrapper {
  margin-bottom: 1em;
}

.modelcitizen__uploader .agreement-wrapper .agreement-wrapper__label {
  width: 94%;
}

.modelcitizen__uploader .tags {
  height: auto;
}

.modelcitizen__uploader a.button, .modelcitizen__uploader .poll__answers .list a.poll__answer, .poll__answers .list .modelcitizen__uploader a.poll__answer, .modelcitizen__uploader .poll__answers .list .poll__answer.read-more-button, .poll__answers .list .modelcitizen__uploader .poll__answer.read-more-button, .modelcitizen__uploader .button.read-more-button,
.modelcitizen__uploader button {
  padding: 1em 3em;
  width: 100%;
  color: #fff;
  transform: translateZ(0);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0);
}

.modelcitizen__uploader a.button i, .modelcitizen__uploader .poll__answers .list a.poll__answer i, .poll__answers .list .modelcitizen__uploader a.poll__answer i, .modelcitizen__uploader .poll__answers .list .poll__answer.read-more-button i, .poll__answers .list .modelcitizen__uploader .poll__answer.read-more-button i, .modelcitizen__uploader .button.read-more-button i,
.modelcitizen__uploader button i {
  display: inline-block;
  padding-right: 0;
  margin-right: 0.5em;
}

.modelcitizen__uploader.ng-hide {
  opacity: 0;
}

@media screen and (min-width: 64.0625em) {
  .modelcitizen__uploader {
    margin-bottom: 1.5em;
  }
  .modelcitizen__uploader::after {
    clear: both;
    content: '';
    display: table;
  }
  .modelcitizen__uploader .uploader__pad {
    padding: 3em;
  }
  .modelcitizen__uploader .modelcitizen-uploader__controls {
    display: none;
  }
  .modelcitizen__uploader .centered__content {
    display: block;
  }
  .modelcitizen__uploader .uploader__left {
    width: 70%;
    float: left;
    padding-right: 2em;
    overflow: visible;
  }
  .modelcitizen__uploader .uploader__right {
    width: 30%;
    float: left;
    background-position: center top;
  }
  .modelcitizen__uploader .uploader__right p {
    margin: 2em 0;
  }
}

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

.yogaid-page .yogaid-header {
  height: 250px;
  background-repeat: repeat-x;
  background-color: #fff;
  background-image: url(/angular/src/app/yogaid/betabrand_yogaid-header-animation.jpg);
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: 0% 0;
  transform: translateZ(0);
  -webkit-animation: animate-bg 200s infinite linear;
          animation: animate-bg 200s infinite linear;
}

.yogaid-page .yogaid-header--title {
  text-align: center;
  z-index: 2;
  color: #333;
  background-color: rgba(255, 255, 255, 0.95);
  width: 60%;
  padding: 1em;
}

.yogaid-page .yogaid-header--title-inner {
  border: 4px solid #436b3c;
}

.yogaid-page .yogaid-header--title-inner .yogaid-logo {
  width: 60%;
  display: inline-block;
  margin: 1em;
}

.yogaid-page .yogaid-header--title-inner .yogaid-amount {
  display: block;
  background-color: #70bf61;
  color: #fff;
  padding: 1em;
}

.yogaid-page .yogaid-header--title-inner .yogaid-amount h3 {
  font-size: 1.5em;
  margin: 0;
}

.yogaid-page .yogaid-header--title-inner .yogaid-amount p {
  font-size: 0.75em;
  text-transform: uppercase;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .yogaid-page .yogaid-header {
    height: 450px;
  }
  .yogaid-page .yogaid-header .yogaid-header--title {
    width: 22em;
  }
  .yogaid-page .yogaid-header .yogaid-header--title-inner .yogaid-amount h3 {
    font-size: 2em;
  }
  .yogaid-page .yogaid-header .yogaid-header--title-inner .yogaid-amount p {
    font-size: 1em;
  }
}

.yogaid-page nav.tabs {
  margin-top: 2em;
}

.yogaid-page .yogaid-about {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.yogaid-page .yogaid-about::after {
  clear: both;
  content: '';
  display: table;
}

.yogaid-page .yogaid-about .about-description {
  float: left;
  display: block;
  margin-right: 1.61735%;
  width: 100%;
}

.yogaid-page .yogaid-about .about-description:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .yogaid-page .yogaid-about .about-description {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 83.06378%;
  }
  .yogaid-page .yogaid-about .about-description:last-child {
    margin-right: 0;
  }
}

.yogaid-page .yogaid-about .about-image {
  display: none;
}

@media screen and (min-width: 768px) {
  .yogaid-page .yogaid-about .about-image {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 15.31888%;
  }
  .yogaid-page .yogaid-about .about-image:last-child {
    margin-right: 0;
  }
}

.yogaid-page .yogaid-models h3 {
  margin-bottom: 0;
}

.yogaid-page .yogaid-jobs {
  text-align: left;
}

.yogaid-page .yogaid-jobs a, .yogaid-page .yogaid-jobs .read-more-button {
  color: #4c8226;
}

.yogaid-page .yogaid-jobs img {
  margin: 2em 0;
}

.yogaid-page .category-styles {
  margin: 0;
}

.yogaid-page li {
  margin-top: 1em;
}

.yogaid-page .page-module + .page-module {
  margin-top: 1em;
}

@-webkit-keyframes animate-bg {
  100% {
    background-position: 127.25% 0;
  }
}

@keyframes animate-bg {
  100% {
    background-position: 127.25% 0;
  }
}

.hiw-page-container {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hiw-page-container::after {
  clear: both;
  content: '';
  display: table;
}

.hiw-page-container .category-breadcrumbs {
  padding: 1em;
  z-index: 2;
}

.hiw-page-container .billboard {
  background-size: cover;
  background-repeat: no-repeat;
  color: #4a4543;
  padding: 1em 2em;
  border-bottom: 2px solid #f4f4f3;
}

.hiw-page-container .billboard h3 {
  font-size: 2.5em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom: 0;
}

.hiw-page-container .billboard p {
  margin: 0;
}

.hiw-page-container .billboard:before {
  display: none;
}

.hiw-page-container hr {
  border-color: #edeceb;
}

.hiw-page-container .hiw-section {
  position: relative;
}

.hiw-page-container .hiw-section .h2, .hiw-page-container .hiw-section .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section .h3, .hiw-page-container .hiw-section .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .hiw-page-container .hiw-section h3, .hiw-page-container .hiw-section #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section h3, .hiw-page-container .hiw-section .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .hiw-page-container .hiw-section .out-of-stock__modal--label, .hiw-page-container .hiw-section .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section .out-of-stock__modal--label {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #0e2e3c;
}

.hiw-page-container .hiw-section .swiper-container {
  max-width: 800px;
  margin: 2em auto;
  padding: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .hiw-page-container .hiw-section .swiper-container .swiper-button-next,
  .hiw-page-container .hiw-section .swiper-container .swiper-button-prev {
    display: none;
  }
}

.hiw-page-container .hiw-section .swiper-container .swiper-pagination {
  bottom: 0;
}

.hiw-page-container .hiw-section .swiper-container .swiper-button-disabled {
  display: none;
}

.hiw-page-container .hiw-section .swiper-container .swiper-button-prev {
  background: none;
  width: auto;
  left: 0;
}

.hiw-page-container .hiw-section .swiper-container .swiper-button-prev:before {
  content: '\f053';
  font-size: 1.75em;
  font-family: FontAwesome;
}

.hiw-page-container .hiw-section .swiper-container .swiper-button-next {
  background: none;
  width: auto;
  right: 0;
  font-size: 1.75em;
}

.hiw-page-container .hiw-section .swiper-container .swiper-button-next:before {
  content: '\f054';
  font-family: FontAwesome;
}

.hiw-page-container .hiw-section .swiper-container .swiper-pagination-bullet {
  background-color: #0e2e3c;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-graphic {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-graphic .hiw-slide-graphic--inner {
  display: inline-block;
  background-color: #f9f9f9;
  border: 1px solid #dedede;
  overflow: hidden;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-graphic .hiw-slide-graphic--inner img {
  margin: 0;
  width: 8em;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  align-items: center;
  padding: 2em 2em 0;
  text-align: center;
  color: #545454;
  overflow: hidden;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-text h2 {
  font-size: 1.75em;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text {
  text-align: center;
}

.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .button, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .poll__answers .list .poll__answer, .poll__answers .list .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .poll__answer,
.hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text input {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hiw-page-container .hiw-section--shop {
  text-align: center;
}

.hiw-page-container .hiw-section--shop .hiw-section-shop-title {
  padding: 0 2em;
}

.hiw-page-container .hiw-section--shop .hiw-section-shop-title p {
  margin: 0;
}

.hiw-page-container .hiw-section--shop .hiw-section-shop-title h2 {
  font-size: 1.75em;
}

.hiw-page-container .hiw-section--shop .swiper-container {
  padding: 0 30px 2em;
}

.hiw-page-container .hiw-section--shop .swiper-container .product-card {
  margin: 0 auto;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders {
  display: table;
  text-align: center;
  margin: 1em auto 0;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders .profile-card {
  transform: translateZ(0);
  display: inline-block;
  margin-left: -8px;
  transition: all 0.2s ease;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders .profile-card:hover {
  margin: 0 13px 0 5px;
  transform: scale(1.2);
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders .profile-card:first-child {
  margin-left: 0;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders .profile-card .avatar {
  width: 1.9em;
  height: 1.9em;
  border: 2px solid #edeceb;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders .profile-card .profile-card__top {
  width: 1.9em;
  height: 1.9em;
}

.hiw-page-container .hiw-section--shop .swiper-container .hiw-funders small {
  display: table-cell;
  padding-left: 5px;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .hiw-page-container .billboard {
    padding: 5em 1em;
  }
  .hiw-page-container .billboard h3 {
    font-size: 3em;
  }
  .hiw-page-container .hiw-section .hiw-section-shop-title h2 {
    font-size: 2em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    max-width: none;
    background-color: #ffffff;
    padding: 1em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:nth-child(2) {
    flex-direction: row-reverse;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-graphic .hiw-slide-graphic--inner img {
    width: 18em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-text {
    align-items: flex-start;
    text-align: left;
    padding: 2em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide .hiw-slide-text h2 {
    font-size: 2em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text {
    align-items: center;
    text-align: center;
    max-width: 500px;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .h2, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .h3, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text h3, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text h3, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .out-of-stock__modal--label, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .out-of-stock__modal--label {
    font-size: 2em;
  }
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .button, .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .poll__answers .list .poll__answer, .poll__answers .list .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text .poll__answer,
  .hiw-page-container .hiw-section .swiper-container .swiper-wrapper .hiw-slide:last-child .hiw-slide-text input {
    display: block;
  }
  .hiw-page-container .hiw-section:first-of-type .swiper-container .swiper-wrapper .hiw-slide {
    flex-direction: row-reverse;
  }
  .hiw-page-container .hiw-section:first-of-type .swiper-container .swiper-wrapper .hiw-slide:nth-child(2) {
    flex-direction: row;
  }
}

.production-actions .vote-button__reward {
  transition: all 1.2s;
  position: absolute;
  font-size: 0.4em;
  transform: rotate(-30deg);
}

.production-actions .vote-button__reward.amplify {
  opacity: 0;
  font-size: 2em;
  z-index: 2;
}

.vote-button__comment-box {
  width: 50%;
  padding-top: 3em;
}

.vote-button__comment-box .grid:after {
  display: none;
}

.referrals-alt-shares :first-child.instant-referral-code {
  width: 70%;
}

.gallery__face-pile {
  width: 100%;
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery__face-pile div {
  width: 12%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  height: 40px;
  margin-bottom: 3px;
}

@media screen and (min-width: 35.5em) {
  .gallery__face-pile div {
    height: 66px;
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 768px) {
  .gallery__face-pile div {
    height: 85px;
    margin-bottom: 6px;
  }
}

.vote-button-new {
  position: relative;
}

.vote-button-new .vote-button__loading {
  display: none;
}

.vote-button-new .vote {
  display: inline-block;
}

.vote-button-new .voted {
  display: none;
}

.vote-button-new.has-voted .fa-heart {
  cursor: initial;
  pointer-events: initial;
  color: #ec230c;
}

.vote-button-new.has-voted:after {
  content: 'Voted';
}

.button--heart .vote-button-new.has-voted:after {
  content: '';
}

.vote-button-new.skip-button {
  /*@extend .button-danger;*/
  display: inline-block;
}

.vote-button-new.is-loading .vote-button__loading {
  display: inline-block;
  margin-right: 0.125em;
}

.buybar .scarcity {
  width: 35%;
  color: red;
}

.dpyp-test.black-only .product-color-selector {
  display: none;
}

.dpyp-test.black-only .style-selector a:nth-child(n + 3), .dpyp-test.black-only .style-selector .read-more-button:nth-child(n + 3) {
  display: none;
}

.product-mobile-image-opt {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
}

.product-mobile-image-opt img {
  width: 100%;
}

@media screen and (min-width: 64.0625em) {
  .product-mobile-image-opt {
    display: none;
  }
}

.product-mobile-image-opt .test-heart {
  margin-top: 0.4em;
}

.gallery-image-test {
  background-color: #ffff;
}

.text-between-img {
  margin: 1em;
}

@media screen and (min-width: 64.0625em) {
  .text-between-img {
    width: 65%;
  }
}

.headline {
  max-width: 25%;
  position: absolute;
  top: 0;
  padding: 1em;
  font-family: Open Sans;
  line-height: 1.4em;
  font-size: 2em;
  font-weight: 700;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .headline {
    max-width: 35%;
    font-size: 1.2em;
  }
}

.heading {
  font-family: 'Playfair Display';
  font-weight: bold;
}

.subheading {
  font-family: Open Sans;
}

.checkout-success-module.plaintext .checkout-success__close {
  color: #333;
}

.checkout-success-module.plaintext.referral-module {
  background-color: #fff;
}

.checkout-success-module.plaintext.referral-module .module__content {
  color: #333;
}

.dpyp-category .accordion li {
  list-style-type: none;
  text-transform: capitalize;
}

.flag-container-preorder-color-test .flag.flag--preorder, .flag-container-preorder-color-test .flag--preorder.coment-commenter-title {
  background-color: #27a8e0 !important;
}

.flag-container-preorder-color-test .flag.flag--left, .flag-container-preorder-color-test .flag--left.coment-commenter-title {
  border: 1px solid #27a8e0 !important;
}

.flag-container-preorder-color-test .flag.flag--subtext, .flag-container-preorder-color-test .flag--subtext.coment-commenter-title {
  border: 1px solid;
  color: #27a8e0 !important;
}

.bluebox-test {
  position: absolute;
  padding: 0.5em;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.2em;
  background-color: #057cd8;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.bluebox-test.bluebox-test--bottom-center {
  min-width: 75%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.bluebox-test.bluebox-test--top-left {
  left: 1em;
  top: 1em;
}

.bluebox-test.bluebox-test--bottom-left {
  left: 1em;
  bottom: 1em;
}

@media screen and (min-width: 768px) {
  .bluebox-test {
    font-size: 2.5em;
  }
  .bluebox-test.bluebox-test--bottom-center {
    bottom: 2em;
  }
}

.product-promo-message .ugly-test {
  white-space: nowrap;
}

.gallery-promo {
  background-image: url(https://www.betabrand.com/story/wp-content/uploads/2020/07/background.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding-bottom: 75%;
  margin-top: 0.5em;
}

.gallery-promo.ugly {
  background-image: none;
  color: white;
  background: #9100e5;
  padding-bottom: 30%;
}

.gallery-promo.ugly .gallery-promo__inner {
  color: white;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .gallery-promo.ugly {
    padding-bottom: 35%;
  }
}

.gallery-promo .gallery-promo__inner {
  position: absolute;
  left: 3em;
  top: 0;
  right: 3em;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #cd3b6b;
  text-align: center;
}

.gallery-promo .gallery-promo__inner a, .gallery-promo .gallery-promo__inner .read-more-button {
  color: #cd3b6b;
}

.gallery-promo .gallery-promo__inner .promo-title {
  font-size: 1.75rem;
  line-height: 1.2;
  font-family: "Playfair Display", serif;
  margin-bottom: 1rem;
}

.gallery-promo .gallery-promo__inner .promo-text {
  font-size: 0.8rem;
}

@media screen and (min-width: 768px) {
  .gallery-promo {
    padding-bottom: 50%;
  }
  .gallery-promo .gallery-promo__inner {
    left: 10em;
    right: 10em;
  }
  .gallery-promo .gallery-promo__inner .promo-title {
    font-size: 2em;
  }
  .gallery-promo .gallery-promo__inner .promo-text {
    font-size: 1em;
  }
}

.t288-arrow-swimlane {
  position: relative;
}

.t288-arrow-swimlane .swimlane__controls .swiper-button {
  position: absolute !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 2.5rem !important;
  width: 2.5rem !important;
  top: 50%;
  font-size: 1.5rem;
  transform: translateY(-50%) scale(1) !important;
  background-color: #fff;
  transition: all 300ms ease-in;
}

.t288-arrow-swimlane .swimlane__controls .swiper-button.swiper-button-prev {
  left: 0;
}

.t288-arrow-swimlane .swimlane__controls .swiper-button.swiper-button-next {
  right: 0rem;
}

.t288-arrow-swimlane .swimlane__controls .swiper-button.swiper-button-disabled {
  opacity: 0;
}

.t288-arrow-swimlane .swimlane__controls .swimlane__page {
  display: none;
}

.t288-arrow-swimlane .swiper-pagination .swiper-button-next.ng-hide,
.t288-arrow-swimlane .swiper-pagination .swiper-button-prev.ng-hide {
  display: none !important;
}

.t291additionalStylesInThisColor .accordion-content {
  margin-top: 0;
}

.t301ShopStreamInNav .shopstream__container.isInline {
  display: none;
}

.reviews__size-selector .active {
  text-decoration: underline;
}

.review .comments-wrapper .tabs {
  display: none;
}

.review .comments-wrapper .new-comment__form {
  display: none;
}

.review .comments-wrapper.replying .new-comment__form {
  display: block;
}

.product-color-selector::after {
  clear: both;
  content: '';
  display: table;
}

.product-color-selector .product-color-selector__swatch {
  border-radius: 50%;
  width: 3em;
  height: 3em;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 0.25em;
  position: relative;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
  pointer-events: auto;
  text-transform: capitalize;
}

.product-color-selector .product-color-selector__swatch.is-active {
  pointer-events: none;
}

.product-color-selector .product-color-selector__swatch.is-active:before {
  content: '';
  border: 4px solid #e8e7e6;
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.product-color-selector .product-color-selector__swatch.is-active:after {
  content: '';
  border: 2px solid #333;
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.product-color-selector .product-color-selector__swatch.red {
  background-color: #c7010f;
}

.product-color-selector .product-color-selector__swatch.maroon {
  background-color: #65242f;
}

.product-color-selector .product-color-selector__swatch.pink {
  background-color: #ffaaaa;
}

.product-color-selector .product-color-selector__swatch.orange {
  background-color: #e35900;
}

.product-color-selector .product-color-selector__swatch.yellow {
  background-color: #e3c400;
}

.product-color-selector .product-color-selector__swatch.gold {
  background-color: #c9913a;
}

.product-color-selector .product-color-selector__swatch.olive {
  background-color: #928f6c;
}

.product-color-selector .product-color-selector__swatch.khaki {
  background-color: #bca994;
}

.product-color-selector .product-color-selector__swatch.green {
  background-color: #1f543c;
}

.product-color-selector .product-color-selector__swatch.seaweed {
  background-color: #504d38;
}

.product-color-selector .product-color-selector__swatch.moss {
  background-color: #385b1b;
}

.product-color-selector .product-color-selector__swatch.seafoam {
  background-color: #6dbba4;
}

.product-color-selector .product-color-selector__swatch.blue {
  background-color: #47668b;
}

.product-color-selector .product-color-selector__swatch.navy {
  background-color: #1b366f;
}

.product-color-selector .product-color-selector__swatch.lightblue {
  background-color: #6b92ac;
}

.product-color-selector .product-color-selector__swatch.light-blue {
  background-color: #6b92ac;
}

.product-color-selector .product-color-selector__swatch.turquoise {
  background-color: #30ac9f;
}

.product-color-selector .product-color-selector__swatch.teal {
  background-color: #15706c;
}

.product-color-selector .product-color-selector__swatch.purple {
  background-color: #6601dd;
}

.product-color-selector .product-color-selector__swatch.tan {
  background-color: #c7a679;
}

.product-color-selector .product-color-selector__swatch.brown {
  background-color: #996633;
}

.product-color-selector .product-color-selector__swatch.taupe {
  background-color: #726052;
}

.product-color-selector .product-color-selector__swatch.beige {
  background-color: #f4edd2;
}

.product-color-selector .product-color-selector__swatch.cream {
  background-color: #f4edd2;
}

.product-color-selector .product-color-selector__swatch.black {
  background-color: black;
}

.product-color-selector .product-color-selector__swatch.white {
  background-color: white;
}

.product-color-selector .product-color-selector__swatch.gray {
  background-color: gray;
}

.product-color-selector .product-color-selector__swatch.darkgray {
  background-color: #555;
}

.product-color-selector .product-color-selector__swatch.darkbrown {
  background-color: #4b2e1a;
}

.product-color-selector .product-color-selector__swatch.dark-brown {
  background-color: #4b2e1a;
}

.product-color-selector .product-color-selector__swatch.dark-gray {
  background-color: #555;
}

.product-color-selector .product-color-selector__swatch.charcoal {
  background-color: gray;
}

.product-color-selector .product-color-selector__swatch.silver {
  background-color: #bbbdc9;
}

.product-color-selector .product-color-selector__name {
  display: inline-block;
  vertical-align: top;
  line-height: 3em;
  padding-left: 0.25em;
  text-transform: capitalize;
}

.product-color-selector.color-selector {
  text-align: left;
}

.product-color-selector.color-selector .color-selector__swatch {
  border: 1px solid #e8e7e6;
}

.product-color-selector.color-selector .color-selector__swatch.is-active {
  border: none;
}

.product-color-selector .color-selector-swiper {
  position: relative;
}

.product-color-selector .color-selector-swiper .swiper-button-prev {
  left: -11em;
  top: 1.5em;
}

.product-color-selector .color-selector-swiper .swiper-button-next {
  right: -11em;
  top: 1.5em;
}

.product-color-selector .color-selector-swiper .swiper-button-prev.swiper-button-disabled,
.product-color-selector .color-selector-swiper .swiper-button-next.swiper-button-disabled {
  display: block;
  opacity: 0.2;
}

.product-color-selector .color-selector-swiper .swatch-container {
  width: 17em;
  margin: 0.5em auto;
}

.select-dropdown.color-selector .select-dropdown__dropdown.isOpen {
  z-index: 3;
}

.select-dropdown.color-selector .select-dropdown__label {
  padding: 0 8em 0 0;
}

.select-dropdown.color-selector .select-dropdown__label:after {
  margin-top: -2em;
}

.select-dropdown.color-selector .select-dropdown__label .selected-swatch {
  background-size: 100%;
  padding: 1em;
}

.select-dropdown.color-selector .select-dropdown__label .selected-swatch-lbl {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 0.3em;
  color: white;
  text-shadow: 3px 1px 4px #545454;
  text-transform: capitalize;
}

.select-dropdown.color-selector .select-dropdown__option-label-color {
  background-size: 100%;
  padding: 0.8em;
  text-align: center;
  margin-bottom: 3px;
  text-transform: capitalize;
}

.select-dropdown.color-selector .select-dropdown__option-label-color span {
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 0.3em;
  color: white;
  text-shadow: 3px 1px 4px #545454;
}

.select-dropdown.color-selector .admin-oos-view {
  background-color: #fcfbfb;
}

.select-dropdown.color-selector .admin-oos-view .accordion__item {
  padding: 0 1em;
}

.select-dropdown.color-selector .admin-oos-view .accordion-item__header {
  font-size: 0.8rem;
  padding: 0.5rem 0.125rem;
}

.select-dropdown.color-selector .admin-oos-view .accordion-item__content {
  margin: 0 1em 1e;
}

.page--secret-sale .secretsale {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

.page--secret-sale .secretsale::after {
  clear: both;
  content: '';
  display: table;
}

.page--secret-sale .secretsale__gate {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .page--secret-sale .secretsale__gate {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 83.06378%;
    margin-left: 8.46811%;
    border: 1px solid #757a9d;
  }
  .page--secret-sale .secretsale__gate:last-child {
    margin-right: 0;
  }
  .page--secret-sale .secretsale__gate section {
    border-top: 1px solid #757a9d;
    padding: 2em;
  }
}

.page--secret-sale .secretsale__form .confirmation {
  display: flex;
}

.page--secret-sale .secretsale__form .confirmation .button, .page--secret-sale .secretsale__form .confirmation .poll__answers .list .poll__answer, .poll__answers .list .page--secret-sale .secretsale__form .confirmation .poll__answer {
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .page--secret-sale .secretsale__form-left {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 66.12755%;
  }
  .page--secret-sale .secretsale__form-left:last-child {
    margin-right: 0;
  }
  .page--secret-sale .secretsale__form-right {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
  }
  .page--secret-sale .secretsale__form-right:last-child {
    margin-right: 0;
  }
}

.page--secret-sale .secretsale__success {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  padding-top: 1em;
}

.page--secret-sale .secretsale__success::after {
  clear: both;
  content: '';
  display: table;
}

.project-page .submission-gallery .category-products {
  margin: 1em 0;
}

.project-page .project-feed--activity {
  transform: translate3d(0, -25%, 0);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  opacity: 0;
  max-height: 0;
}

.project-page .project-feed--activity.show {
  transition: all 0.4s linear;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  max-height: 100px;
}

@media screen and (min-width: 1216px) {
  .project-page .product-breadcrumbs-wrapper {
    padding: 0;
  }
}

.project-page .project-header__container {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: wrap;
  position: relative;
  width: 100%;
  border: 1px solid #e8e7e6;
}

.project-page .project-header__container::after {
  clear: both;
  content: '';
  display: table;
}

.project-page .project-header__container .project-image {
  border: none;
  min-height: 32em;
  align-items: flex-end;
}

.project-page .project-header__container .project-image:before, .project-page .project-header__container .project-image:after {
  content: none;
}

.project-page .project-header__container .project-image .header-title__container {
  width: 48%;
}

.project-page .project-header__container .project-image .header-title__container .h1, .project-page .project-header__container .project-image .header-title__container .video-page h1, .video-page .project-page .project-header__container .project-image .header-title__container h1, .project-page .project-header__container .project-image .header-title__container .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .project-page .project-header__container .project-image .header-title__container .content__headline, .project-page .project-header__container .project-image .header-title__container .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .project-page .project-header__container .project-image .header-title__container .product-name {
  position: static;
  padding: 0;
}

.project-page .project-header__container .project-image .header-title__container .header-subitle {
  font-size: 1.25em;
  line-height: 1.375em;
  padding: 0 2.5em;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .project-page .project-header__container .project-image .header-title__container .header-title {
    font-size: 3em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .project-page .project-header__container .project-image {
    min-height: 12em;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .project-page .project-header__container .project-image .header-title__container .header-title {
    font-size: 1.25em;
  }
  .project-page .project-header__container .project-image .header-title__container .header-subitle {
    line-height: 1.375em;
    font-size: 75%;
    padding: 0 1em;
  }
}

.project-page .project-header__container .project-logo {
  width: 45%;
}

.project-page .project-header__container .header-details {
  display: flex;
  border-top: 1px solid #f7f6f6;
  width: 100%;
}

.project-page .project-header__container .header-details .header-description {
  padding: 1em;
  flex-basis: 70%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.project-page .project-header__container .header-details .header-description h1 {
  flex-basis: 100%;
}

.project-page .project-header__container .header-details .meta-data-container {
  flex-basis: 30%;
  padding: 1em;
  max-width: unset;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .project-page .project-header__container {
    flex-wrap: wrap;
  }
  .project-page .project-header__container .project-image,
  .project-page .project-header__container .project-feed-wrapper {
    flex-basis: 100%;
  }
  .project-page .project-header__container .project-logo {
    width: 60%;
  }
  .project-page .project-header__container .project-feed-wrapper {
    order: 10;
    height: 16em;
  }
  .project-page .project-header__container .header-details {
    display: block;
  }
  .project-page .project-header__container .header-description {
    display: block;
    padding-bottom: 0 !important;
    text-align: center;
    width: 100%;
  }
  .project-page .project-header__container .header-description p {
    width: 100%;
  }
}

.project-page .project-page--container {
  margin-top: 2em;
}

.project-page .project-page--container .phase {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-left: 3px dashed #68615d;
  padding: 0 1em 4em 1em;
}

.project-page .project-page--container .phase::after {
  clear: both;
  content: '';
  display: table;
}

.project-page .project-page--container .phase .h2, .project-page .project-page--container .phase .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container .phase .h3, .project-page .project-page--container .phase .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .project-page .project-page--container .phase h3, .project-page .project-page--container .phase #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container .phase h3, .project-page .project-page--container .phase .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .project-page .project-page--container .phase .out-of-stock__modal--label, .project-page .project-page--container .phase .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container .phase .out-of-stock__modal--label {
  margin-bottom: 0;
}

.project-page .project-page--container .phase p {
  margin-top: 1em;
}

@media screen and (min-width: 64.0625em) {
  .project-page .project-page--container .phase {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
  }
  .project-page .project-page--container .phase::after {
    clear: both;
    content: '';
    display: table;
  }
}

@media screen and (min-width: 1473px) {
  .project-page .project-page--container .phase {
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
  }
  .project-page .project-page--container .phase::after {
    clear: both;
    content: '';
    display: table;
  }
}

.project-page .project-page--container.history {
  background-color: #f7f6f6;
  color: #807873;
}

.project-page .project-page--container.history .phase {
  border-left: 3px solid #0e2e3c;
}

.project-page .project-page--container.history .phase .h2:before, .project-page .project-page--container.history .phase .referrals-form:not(.referrals-modal__referral-form) .h3:before, .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container.history .phase .h3:before, .project-page .project-page--container.history .phase .referrals-form:not(.referrals-modal__referral-form) #story h3:before, .referrals-form:not(.referrals-modal__referral-form) #story .project-page .project-page--container.history .phase h3:before, .project-page .project-page--container.history .phase #story .referrals-form:not(.referrals-modal__referral-form) h3:before, #story .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container.history .phase h3:before, .project-page .project-page--container.history .phase .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label:before, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .project-page .project-page--container.history .phase .out-of-stock__modal--label:before, .project-page .project-page--container.history .phase .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label:before, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .project-page .project-page--container.history .phase .out-of-stock__modal--label:before {
  top: 1em;
  left: -1rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 4px solid #f7f6f6;
  background-color: #0e2e3c;
  content: '\f00c';
}

.project-page .project-page--container.history .phase p {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .project-page .project-page--container.history .phase .history-thumbs {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
    margin-right: 0;
  }
  .project-page .project-page--container.history .phase .history-thumbs:last-child {
    margin-right: 0;
  }
  .project-page .project-page--container.history .phase .history-details {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 49.19133%;
  }
  .project-page .project-page--container.history .phase .history-details:last-child {
    margin-right: 0;
  }
}

.project-page .project-page--container.history .phase .product-card {
  background-color: unset;
  border: none;
}

.project-page .project-page--container.history .phase .product-card .card-details {
  text-align: left;
  padding: 0.5em 0 0;
}

.project-page .project-page--container.history .phase .product-card.loser {
  opacity: 0.25;
}

.project-page .project-page--container.history .phase:first-child {
  padding-top: 4em;
}

.project-page .project-page--container.history .phase:first-child .timeline-tick {
  top: 4em;
}

.project-page .project-page--container.history .phase:last-child {
  border-left: 3px solid #f7f6f6;
}

.project-page .project-page--container.promo {
  padding: 2em;
  font-size: 1.25em;
  color: #f7f6f6;
  background-color: #0e2e3c;
  text-align: center;
}

.project-page .project-page--container.promo p {
  margin: 0;
}

.project-page .project-page--container .poll {
  position: relative;
  padding: 2em;
  background-color: #f7f6f6;
  border: 1px solid #e8e7e6;
}

.project-page .project-page--container .poll h4 {
  padding-bottom: 1em;
}

.project-page .project-page--container .poll hr,
.project-page .project-page--container .poll p {
  display: none;
}

.project-page .project-page--container .poll .button, .project-page .project-page--container .poll .poll__answers .list .poll__answer, .poll__answers .list .project-page .project-page--container .poll .poll__answer {
  margin-top: 1em;
  float: right;
}

.project-page .timeline-tick {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'FontAwesome';
  color: #fff;
  text-align: center;
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  border: 3px solid #68615d;
  background-color: #fff;
  border-radius: 50%;
  left: -1rem;
}

.project-page .timeline-tick.ticked {
  background-color: #0e2e3c;
  border: none;
}

.project-page .timeline-tick.ticked:before {
  content: '\f00c';
}

.project-image {
  background-color: #f7f6f6;
  border: 1px solid #e8e7e6;
  background-size: cover;
  position: relative;
  flex-basis: 70%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.project-image:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 25%;
}

.project-image:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 25%;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .project-image {
    flex-basis: 100%;
  }
}

.project-image .h1, .project-image .video-page h1, .video-page .project-image h1, .project-image .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .project-image .content__headline, .project-image .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .project-image .product-name {
  position: absolute;
  padding: 0.5em;
  text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .project-image .h1, .project-image .video-page h1, .video-page .project-image h1, .project-image .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .project-image .content__headline, .project-image .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .project-image .product-name {
    font-size: 10vw;
  }
}

.project-title-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.project-gallery--container {
  border-bottom: 3px solid #f4f4f3;
  border-top: 3px solid #f4f4f3;
}

.project-gallery--container .project-see-more {
  margin: 1em 1em 0 0;
}

.project-gallery--container .project-cards {
  padding: 1em 0;
}

.project-gallery--container .project-cards .project-call-to-action,
.project-gallery--container .project-cards h3 {
  max-width: 99%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.project-gallery--container .project-cards .project-image {
  width: 100%;
  border: 1px solid #f7f6f6;
  transition: all 0.3s linear;
  background-position: center center;
  background-size: contain;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.project-gallery--container .project-cards .swiper-container {
  margin: 1em 0;
  padding: 0;
}

.project-gallery--container .project-cards .swiper-container .swiper-slide {
  width: 75%;
}

@media screen and (min-width: 768px) {
  .project-gallery--container .project-title-wrapper {
    padding: 0;
  }
  .project-gallery--container .project-cards {
    display: flex;
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
  }
  .project-gallery--container .project-cards::after {
    clear: both;
    content: '';
    display: table;
  }
  .project-gallery--container .project-cards .project-card--wrapper {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: flex-end;
    flex-direction: column;
    max-width: 32%;
    margin-right: 1em;
  }
  .project-gallery--container .project-cards .project-card--wrapper:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1216px) {
  .project-gallery--container .project-see-more {
    margin: 1em 0 0 0;
  }
  .project-gallery--container .project-cards {
    padding: 1em 0;
  }
}

.project-card {
  overflow: hidden;
}

.project-card .h3, .project-card #story h3, #story .project-card h3, .project-card .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .project-card .out-of-stock__modal--label {
  margin: 0 !important;
}

.project-card p {
  color: #a09995;
  margin: 0;
}

.project-card .project-image {
  margin: 0.5em 0;
}

.project-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  transform: translate(-50%, -50%);
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  font-size: 1.25em;
}

.projects-page {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
}

.projects-page::after {
  clear: both;
  content: '';
  display: table;
}

.projects-page .billboard {
  border-bottom: 2px solid #f4f4f3;
}

.projects-page section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.projects-page section .project-card--wrapper {
  flex-basis: 100%;
  margin-bottom: 4em;
}

@media screen and (min-width: 768px) {
  .projects-page section .project-card--wrapper {
    flex-basis: 49%;
  }
}

.projects-page .project-page__footer {
  text-align: center;
  padding: 2em;
  background-position: center;
  background-size: cover;
  background-image: url(/media/thinktank/Betabrand-Design-Projects-Footer-bk.jpg);
}

.projects-page .project-page__footer p {
  font-size: 1.2em;
}

.projects-page.project-page .project-header__container .project-image {
  -webkit-filter: none;
          filter: none;
}

.project-feed-wrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 30%;
  background-color: #ffffff;
}

.project-feed {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.project-feed.stickied {
  position: fixed;
  left: 0;
  right: 0;
  height: 4em;
  background: #ffffff;
  border-bottom: 1px solid #edeceb;
  z-index: 10000;
}

@media screen and (min-width: 0px) {
  .project-feed.stickied {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) {
  .project-feed.stickied {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) {
  .project-feed.stickied {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .project-feed.stickied {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .project-feed.stickied {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .project-feed.stickied {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .project-feed.stickied,
  .is-skinny-nav-hidden.two-line-skinny-nav .project-feed.stickied {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .project-feed.stickied,
  .is-skinny-nav-hidden.two-line-skinny-nav .project-feed.stickied {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .project-feed.stickied,
  .is-skinny-nav-hidden.two-line-skinny-nav .project-feed.stickied {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .project-feed.stickied {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .project-feed.stickied {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .project-feed.stickied {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .project-feed.stickied {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .project-feed.stickied {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .project-feed.stickied {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .project-feed.stickied,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .project-feed.stickied {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .project-feed.stickied,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .project-feed.stickied {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .project-feed.stickied,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .project-feed.stickied {
    top: 8.6875em;
  }
}

.sms-form .small-text {
  color: #a09995;
  font-size: 9px;
  margin-top: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .sms-form button {
    margin: auto;
  }
}

.live-launch__banner-wrapper {
  z-index: 39;
  position: fixed;
  left: 0.5em;
  bottom: 0.5em;
}

.live-launch__banner-wrapper .banner-close {
  position: absolute;
  top: -2em;
  left: -1em;
  color: #333;
  padding: 1em;
  border-radius: 100%;
}

.live-launch__banner-wrapper .banner-close i {
  font-size: 1.5em;
}

.live-launch__banner-wrapper .live-launch__banner {
  cursor: pointer;
  display: flex;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 10em;
  overflow: hidden;
  background-color: #333;
  min-height: 71px;
}

.live-launch__banner-wrapper .live-launch__banner .banner-title {
  display: flex;
  align-items: center;
  line-height: 1em;
  font-weight: bold;
}

.live-launch__banner-wrapper .live-launch__banner .banner-title i {
  margin-right: 0.5em;
  display: inline-block;
  font-size: 0.6em;
  color: #ec230c;
  overflow: visible;
}

.live-launch__banner-wrapper .live-launch__banner .viewer-count {
  font-size: 0.8em;
  margin-left: 1em;
}

.live-launch__banner-wrapper .live-launch__banner .banner__inner {
  display: flex;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
  color: #fff;
}

.live-launch__banner-wrapper .live-launch__banner .banner__inner .avatar {
  margin-right: 1em;
  min-width: 3.125em;
  min-height: 3.125em;
}

.live-launch__banner-wrapper .live-launch__banner .banner__inner .banner-preview {
  max-width: 9em;
  max-height: 5em;
}

.live-launch__banner-wrapper .live-launch__banner .banner__inner .banner-content {
  padding: 1em 2em;
}

.live-launch__banner-wrapper.banner__test {
  right: 0.5em;
}

.live-launch__banner-wrapper.banner__test .overline {
  color: #edeceb;
}

.live-launch__banner-wrapper.banner__test .banner-title {
  font-weight: normal;
}

.live-launch__banner-wrapper.banner__test .banner-preview {
  width: 5em;
}

.live-launch__banner-wrapper.banner__test .banner__inner .banner-content {
  padding: 1em 2em 1em 0;
}

.live-launch__banner-wrapper.banner__test .button, .live-launch__banner-wrapper.banner__test .poll__answers .list .poll__answer, .poll__answers .list .live-launch__banner-wrapper.banner__test .poll__answer {
  background-color: #ddff3c;
  margin-right: 2em;
  font-weight: bold;
  color: #333;
  border: none;
  justify-self: flex-end;
}

@media screen and (min-width: 768px) {
  .live-launch__banner-wrapper.banner__test {
    right: auto;
  }
}

.le-logo__container {
  display: inline-flex;
  align-items: center;
}

.le-logo__container .fs-logo {
  font-size: 4.375em;
  display: inline-flex;
  align-items: center;
}

.le-logo__container .fs-logo .fs-logo__dot {
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  margin-right: 0.2em;
}

.le-logo__container .fs-logo .fs-logo__dot.is-live {
  border-radius: 1em;
  background-color: #c82034;
}

.le-logo__container .fs-logo .fs-logo__title {
  color: #333;
  display: inline-block;
  font-weight: 300;
  letter-spacing: 0.2em;
}

.le-logo__container .fs-logo__time {
  font-size: 1.75em;
  color: #c82034;
  display: inline-block;
}

.le-logo__container .fs-logo__time .time-text {
  font-weight: 300;
  text-transform: uppercase;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .le-logo__container .fs-logo__time {
    font-size: 1.625em;
  }
}

.le-logo__container .button, .le-logo__container .poll__answers .list .poll__answer, .poll__answers .list .le-logo__container .poll__answer {
  pointer-events: auto;
}

.live-launch__stage-outer {
  position: relative;
  padding-bottom: 177.77%;
}

.live-launch__stage-outer.is-replay .live-launch__stage .video-js .vjs-control.vjs-progress-control {
  display: none;
}

@media screen and (min-width: 768px) {
  .live-launch__stage-outer.is-replay .live-launch__stage .video-js .vjs-control.vjs-progress-control {
    display: flex;
    transition: width 300ms ease-in-out;
  }
  .live-launch__stage-outer.is-replay .live-launch__stage .video-js .vjs-control.vjs-progress-control .vjs-load-progress {
    background: #333;
  }
  .live-launch__stage-outer.is-replay .live-launch__stage .video-js .vjs-control.vjs-progress-control .vjs-play-progress {
    background-color: transparent;
  }
  .live-launch__stage-outer.is-replay .live-launch__stage .video-js .vjs-control.vjs-progress-control:hover {
    width: 50%;
  }
}

.live-launch__stage-outer .live-launch__stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.live-launch__stage-outer .live-launch__stage .stage__stats {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1em;
  left: 1em;
  z-index: 2;
}

.live-launch__stage-outer .live-launch__stage .stage__stats .live-launch__badge {
  font-weight: bold;
  cursor: default;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.live-launch__stage-outer .live-launch__stage .stage__stats .live-launch__badge + .live-launch__badge {
  margin-top: 0.5em;
}

.live-launch__stage-outer .live-launch__stage .stage__stats .live-launch__badge.live-launch__badge--count {
  text-transform: uppercase;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
}

.live-launch__stage-outer .live-launch__stage .stage__stats .live-launch__badge.live-launch__badge--live {
  background-color: transparent;
  display: flex;
  align-items: center;
  color: white;
}

.live-launch__stage-outer .live-launch__stage .stage__stats .live-launch__badge.live-launch__badge--live .badge__dot {
  height: 0.75em;
  width: 0.75em;
  margin-right: 0.5em;
  border-radius: 100%;
  background-color: #c82034;
  -webkit-animation: blink 1000ms ease-in-out 10 alternate;
          animation: blink 1000ms ease-in-out 10 alternate;
}

.live-launch__stage-outer .live-launch__stage .stage__actions {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 3;
}

.live-launch__stage-outer .live-launch__stage .stage__actions button {
  pointer-events: none;
}

.live-launch__stage-outer .live-launch__stage #live-launch__twitch {
  width: 100%;
  height: 100%;
}

.live-launch__stage-outer .live-launch__stage #live-launch__twitch iframe {
  width: 100%;
  height: 100%;
}

.live-launch__stage-outer .live-launch__stage .video-js {
  width: 100%;
  height: 100%;
  position: relative;
  background: transparent;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-tech {
  pointer-events: none;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .live-launch__stage-outer .live-launch__stage .video-js .vjs-tech {
    position: relative;
    margin: auto;
    height: 100%;
    width: auto;
    padding-bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.legacy-video .live-launch__stage-outer .live-launch__stage .video-js .vjs-tech {
  width: 200%;
  height: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .legacy-video .live-launch__stage-outer .live-launch__stage .video-js .vjs-tech {
    top: 6.375em;
    transform: none;
  }
}

.live-launch__stage-outer .live-launch__stage .video-js .big-unmute-button {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.live-launch__stage-outer .live-launch__stage .video-js .big-unmute-button .vjs-icon-placeholder {
  font-size: 3rem;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar .vjs-volume-panel {
  display: flex;
  align-items: center;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar .vjs-duration,
.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar .vjs-current-time,
.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar .vjs-remaining-time {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar .vjs-volume-control {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js.vjs-live .vjs-live-display {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js.vjs-live .vjs-seek-to-live-control {
  display: flex;
}

.live-launch__stage-outer .live-launch__stage .video-js.vjs-live .vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #c82034;
}

@media screen and (min-width: 64.0625em) {
  .live-launch__stage-outer .live-launch__stage .video-js.vjs-live .vjs-seek-to-live-control {
    display: none;
  }
}

.live-launch__stage-outer .live-launch__stage .video-js.vjs-live .vjs-progress-control {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control-bar {
  position: absolute;
  width: auto;
  left: 0.5rem;
  height: auto;
  width: auto;
  flex-direction: column;
  top: 6em;
  bottom: 0;
  background-color: transparent;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control {
  background: #fff;
  color: #333;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  position: relative;
  text-align: center;
  margin-bottom: 1em;
  height: 4em;
  width: 4em;
  border-radius: 4em;
  flex: none;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control .vjs-control {
  margin-bottom: 0;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control .vjs-icon-placeholder:before {
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-control.vjs-progress-control {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-volume-panel {
  background: transparent;
  box-shadow: none;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-seek-to-live-control {
  position: absolute;
  display: flex;
  top: 0;
  right: 1em;
  height: 2em;
  width: auto;
  padding: 0.5em;
  line-height: 1;
  display: flex;
  align-items: center;
}

.live-launch__stage-outer .live-launch__stage .video-js .vjs-live-control {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .stage__swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  height: 2.5em;
  width: 2.5em;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .stage__swiper-button i {
  font-size: 1.5rem;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .stage__swiper-button.swiper-button-disabled {
  display: none;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .swiper-button-prev--stage-carousel {
  left: 1em;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .swiper-button-next--stage-carousel {
  right: 1em;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .swiper-container {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #333;
}

.live-launch__stage-outer .live-launch__stage .stage__carousel .swiper-container .swiper-slide img {
  height: 100%;
}

.live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta {
  position: absolute;
  bottom: 0;
  right: 1em;
}

.live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta .button__interactive-mode {
  height: 2.25em;
  width: 2.25em;
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 1em;
  color: #4c8226;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
  transition-delay: 100ms;
}

.live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0.75em;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.5em solid #fff;
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta.ng-hide .button__interactive-mode {
  opacity: 0;
  transform: translateY(100%);
}

.live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta.ng-hide:after {
  opacity: 0;
  transform: translateY(100%);
}

@media screen and (min-width: 768px) {
  .live-launch__stage-outer .live-launch__stage .stage__interactive-mode-cta {
    display: none;
  }
}

.live-launch__stage-outer .stage__chat-check-in-button {
  opacity: 0;
  transition: opacity 800ms ease-in-out;
  position: absolute;
  z-index: 10;
  top: 14%;
  right: 0.75em;
}

.live-launch__stage-outer .stage__chat-check-in-button .rounded-chat-element {
  font-size: 10px;
  border-radius: 100%;
  height: 4em;
  width: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: glowing-brand-red 1000ms infinite;
          animation: glowing-brand-red 1000ms infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.live-launch__stage-outer .stage__chat-check-in-button .rounded-chat-element .fa {
  font-size: 1.375em;
}

@media screen and (min-width: 64.0625em) {
  .live-launch__stage-outer:hover .stage__chat-check-in-button {
    opacity: 1;
  }
  .live-launch__stage-outer:hover .stage__chat-check-in-button .rounded-chat-element {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .le__event-page.userActive .live-launch__stage-outer .stage__chat-check-in-button {
    opacity: 1;
    transition: opacity 50ms ease-in-out;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .live-launch__stage-outer .stage__chat-check-in-button {
    transition: opacity 100ms ease-in-out;
  }
  .le__event-page.userActive .live-launch__stage-outer .stage__chat-check-in-button {
    opacity: 1;
    transition: opacity 100ms ease-in-out;
  }
  .le__event-page.userActive .live-launch__stage-outer .stage__chat-check-in-button .rounded-chat-element {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}

@media screen and (min-width: 768px) {
  #product .page-column--left .live-launch__stage-outer {
    padding-bottom: 0;
    height: 80vh;
    margin-bottom: 4em;
    background-color: #f7f6f6;
  }
}

.fs-overlays {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: purchase-overlay 200ms ease-in;
          animation: purchase-overlay 200ms ease-in;
}

.fs-overlays .avatar {
  background-color: #437c90;
  background-size: cover;
  background-position: center;
  width: 100px;
  height: 100px;
  -webkit-animation: avatar-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: avatar-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
}

.fs-overlays .avatar.avatar__no-image {
  background-color: #437c90;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs-overlays .avatar.avatar__no-image .avatar__initial {
  font-family: "Playfair Display", serif;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 3rem;
}

.fs-overlays .overlay-description {
  background-color: #fff;
  border-radius: 5px;
  padding: 3px 6px;
  margin-top: 0.5em;
  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
}

.fs-overlays.ng-leave {
  -webkit-animation: purchase-leave 200ms ease-in;
          animation: purchase-leave 200ms ease-in;
}

@-webkit-keyframes avatar-pop {
  0% {
    transform: scale(0.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes avatar-pop {
  0% {
    transform: scale(0.3);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes purchase-overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes purchase-overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes purchase-leave {
  0% {
    transform: scale(1) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(-50%);
    opacity: 0;
  }
}

@keyframes purchase-leave {
  0% {
    transform: scale(1) translateY(-50%);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(-50%);
    opacity: 0;
  }
}

.le-admin-chat .admin-chat__nav {
  border-bottom: 1px solid #a09995;
  margin-bottom: 0;
  text-align: right;
}

.le-admin-chat .chat-message.acknowledged {
  opacity: 0.25;
}

.le-admin-chat .chat-message-input-container {
  border-top: none !important;
}

.le-admin-chat .admin-chat__main-chat .chat-message--custom {
  display: none !important;
}

.le-admin-chat .admin-chat__user-list {
  padding: 0.5em 0;
}

.le-admin-chat .admin-chat__purchase-list {
  position: relative;
}

.le-admin-chat .admin-chat__purchase-list button {
  position: absolute;
  top: 1em;
  right: 1em;
}

.le-admin-chat .event-picker {
  display: inline;
  float: left;
  width: 20em;
  margin: 0.5em;
}

.le-admin-chat .admin-chat__columns {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #a09995;
}

.le-admin-chat .admin-chat__columns .admin-chat__main {
  flex-basis: 100%;
  height: 80vh;
  display: flex;
  flex-direction: column;
}

.le-admin-chat .admin-chat__columns .admin-chat__main .chat__header {
  display: none;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar {
  flex-basis: 33%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar header {
  padding-top: 1em;
  border-bottom: 1px solid #a09995;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .sidebar-video {
  margin: 0.5em;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .sidebar-products {
  margin: 0.5em;
  padding: 0.5em;
  background-color: #f7f6f6;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .sidebar-products .sidebar-products__inner {
  max-height: 200px;
  overflow-y: scroll;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .sidebar-users {
  margin: 0.5em 0.5em 0;
  padding: 0.5em;
  background-color: #f7f6f6;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .sidebar-users .sidebar-users__inner {
  overflow-y: scroll;
  max-height: 200px;
  padding-left: 0.5em;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .user {
  position: relative;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .user .avatar-badge {
  position: absolute;
  left: -0.25em;
  top: -0.5em;
  height: 1em;
  width: 1em;
  background-color: #ddff3c;
  background-image: url(/angular/src/images/bb.svg);
  background-size: 75% 75%;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border-radius: 100%;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .user .avatar-badge--repeat {
  background-color: #cd3b6b;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.le-admin-chat .admin-chat__columns .admin-chat__sidebar .user .avatar-badge--repeat i {
  font-size: 0.6em;
}

.le-admin-chat .admin-chat__columns .admin-chat-product {
  cursor: pointer;
}

.le-admin-chat .admin-chat__columns .admin-chat-product:active {
  transform: scale(0.99);
}

.le-admin-chat .admin-chat__columns .admin-chat-copied {
  display: none;
}

.le-admin-chat .admin-chat__columns .admin-chat-product:active .admin-chat-copied {
  display: block;
}

.le-admin-chat .admin-chat__columns .admin-chat-product:active .admin-chat-not-copied {
  display: none !important;
}

.live-event__card {
  display: block;
  position: relative;
}

.live-event__card:hover .le-card__show-thumbnail img {
  transform: scale(1.025);
}

.live-event__card .le-card__show-thumbnail {
  position: relative;
  border-radius: 4px;
  padding-bottom: 177.77778%;
  margin-bottom: 0.5rem;
  background-size: cover;
  background-position: center;
  background-color: #fcfbfb;
  overflow: hidden;
}

.live-event__card .le-card__show-thumbnail img {
  display: block;
  transition: transform 0.3s ease;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.live-event__card .le-card__show-title {
  overflow: hidden;
  white-space: nowrap;
  max-width: 99%;
  text-overflow: ellipsis;
  font-size: 1rem;
}

.live-event__card .le-card__card-counts {
  margin-top: 0.5em;
  font-size: 0.875em;
}

.live-event__card .le-card__card-counts .le-card__view-count {
  font-weight: bold;
}

.live-event__card.live-event__card--featured {
  z-index: 1;
  margin: 0 1em;
}

.live-event__card.live-event__card--featured .fs-card__details {
  padding: 1em;
}

.live-event__card.live-event__card--upcoming {
  max-width: 28.125em;
}

.live-events-collection-page .le-collection__video-container {
  width: 100%;
  position: relative;
  background-color: #f4f4f3;
  overflow: hidden;
}

.live-events-collection-page .le-collection__promoVideo {
  display: block;
  width: 100%;
}

.live-events-collection-page .le-collection__header {
  padding: 2em;
  font-size: 10px;
  margin: -2em auto 0 0;
  z-index: 2;
}

.live-events-collection-page .le-collection__header .h1, .live-events-collection-page .le-collection__header .video-page h1, .video-page .live-events-collection-page .le-collection__header h1, .live-events-collection-page .le-collection__header .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .live-events-collection-page .le-collection__header .content__headline, .live-events-collection-page .le-collection__header .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .live-events-collection-page .le-collection__header .product-name {
  margin-bottom: 0.25em;
}

.live-events-collection-page .le-collection__header .header__text-signup {
  flex-direction: column;
}

.live-events-collection-page .le-collection__header[data-aos] {
  pointer-events: auto;
}

.live-events-collection-page .le-collection__chat-bubbles {
  display: none;
}

.live-events-collection-page .h2.h2--left-margin-mobile, .live-events-collection-page .referrals-form:not(.referrals-modal__referral-form) .h2--left-margin-mobile.h3, .referrals-form:not(.referrals-modal__referral-form) .live-events-collection-page .h2--left-margin-mobile.h3, .live-events-collection-page .referrals-form:not(.referrals-modal__referral-form) #story h3.h2--left-margin-mobile, .referrals-form:not(.referrals-modal__referral-form) #story .live-events-collection-page h3.h2--left-margin-mobile, .live-events-collection-page #story .referrals-form:not(.referrals-modal__referral-form) h3.h2--left-margin-mobile, #story .referrals-form:not(.referrals-modal__referral-form) .live-events-collection-page h3.h2--left-margin-mobile, .live-events-collection-page .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .h2--left-margin-mobile.out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .live-events-collection-page .h2--left-margin-mobile.out-of-stock__modal--label, .live-events-collection-page .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .h2--left-margin-mobile.out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .live-events-collection-page .h2--left-margin-mobile.out-of-stock__modal--label {
  margin-left: 1rem;
}

@media screen and (min-width: 768px) {
  .live-events-collection-page .le-collection__header {
    margin-top: -3em;
    font-size: 14px;
  }
  .live-events-collection-page .featured-show-container {
    position: relative;
  }
  .live-events-collection-page .featured-show-container .live-event__card {
    max-width: 20em;
    margin: 0 auto 0 0;
  }
  .live-events-collection-page .le-collection__chat-bubbles {
    display: block;
  }
  .live-events-collection-page .le-collection__chat-bubbles .le-collection__chat-bubble {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 91.111%;
    z-index: 1;
    right: 1em;
    top: 5%;
  }
  .live-events-collection-page .le-collection__chat-bubbles .le-collection__chat-bubble:nth-child(2) {
    right: 0;
    top: 25%;
  }
  .live-events-collection-page .le-collection__chat-bubbles .le-collection__chat-bubble:nth-child(3) {
    right: auto;
    left: 2em;
    top: 50%;
  }
  .live-events-collection-page .le-collection__chat-bubbles .le-collection__chat-bubble:nth-child(4) {
    top: 75%;
  }
  .live-events-collection-page .le-collection__chat-bubbles .le-collection__chat-bubble + .le-collection__chat-bubble {
    margin-top: 1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .live-events-collection-page .le-collection__header .h1, .live-events-collection-page .le-collection__header .video-page h1, .video-page .live-events-collection-page .le-collection__header h1, .live-events-collection-page .le-collection__header .home-feature.home-feature--on-image .home-feature__content .content__headline, .home-feature.home-feature--on-image .home-feature__content .live-events-collection-page .le-collection__header .content__headline, .live-events-collection-page .le-collection__header .lp--1 .lp--1__main .product-name, .lp--1 .lp--1__main .live-events-collection-page .le-collection__header .product-name {
    margin-bottom: auto;
  }
  .live-events-collection-page .le-collection__header p.lead {
    margin-bottom: 0;
  }
  .live-events-collection-page .le-collection__header .header__text-signup {
    flex-direction: row;
  }
  .live-events-collection-page .le-collection__header .header__signup {
    flex: 1 0 48%;
    margin-left: 2%;
  }
}

@media screen and (min-width: 1216px) {
  .live-events-collection-page .le-collection__video-container {
    height: 85vh;
  }
  .live-events-collection-page .le-collection__video-container .le-collection__promoVideo {
    max-width: 1900px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
  }
  .live-events-collection-page [data-aos='fs-intro-animation'] .le-collection__video-container {
    transition-property: height;
    height: 85vh;
  }
  .live-events-collection-page [data-aos='fs-intro-animation'] .le-collection__header {
    margin-top: -5em;
    transition-property: margin;
  }
  .live-events-collection-page [data-aos='fs-intro-animation'].aos-animate .le-collection__video-container {
    height: 55vh;
  }
  .live-events-collection-page [data-aos='fs-intro-animation'].aos-animate .le-collection__header {
    margin-top: -8em;
  }
  .live-events-collection-page .le-collection__header {
    margin-top: -6em;
  }
  .live-events-collection-page .le-collection__chat-bubble {
    width: 38em;
  }
}

.live-event-preview-chat-card {
  display: block;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .live-event-preview-chat-card {
    min-height: 50vh;
  }
}

@media screen and (min-width: 64.0625em) {
  .live-event-preview-chat-card {
    min-height: 40em;
  }
  .live-event-preview-chat-card .le__event-page .live-launch__stage-outer {
    max-width: 28em;
  }
  .live-event-preview-chat-card .event-page__stage {
    max-width: none;
    min-width: 28em;
  }
  .live-event-preview-chat-card .chat__messages {
    padding: 1rem;
  }
}

@media screen and (min-width: 1921px) {
  .live-event-preview-chat-card {
    min-height: 50em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .live-event-preview-chat-card .le__event-page .stage__poster-image {
    top: 0;
    height: 100%;
  }
}

.designer-event-landing-page {
  background: #fcfbfb;
  padding-bottom: 3em;
}

.designer-event-landing-page .read-more:after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, #fcfbfb 80%);
}

.designer-event-landing-page .read-more .read-more-button {
  font-size: 0.9em;
  text-decoration: underline;
}

.designer-event-landing-page .designer-header {
  max-width: 90em;
  margin: 0 auto;
  padding: 2em 2em 0.5em;
}

.designer-event-landing-page .designer-header .header__image {
  margin-right: 3em;
}

.designer-event-landing-page .designer-header .header__subtitle {
  display: block;
}

.designer-event-landing-page .designer-header .header__bio {
  width: 85%;
}

.designer-event-landing-page .designer-header-seperator {
  max-width: 86em;
  margin: 1em auto 2em;
  border-top: 4px solid #edeceb;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .designer-event-landing-page .designer-header-seperator {
    max-width: 94%;
  }
  .designer-event-landing-page .designer-live-event {
    padding: 0 2em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .designer-event-landing-page .designer-header {
    flex-direction: column;
    padding-bottom: 4em;
  }
  .designer-event-landing-page .designer-header .header__image {
    margin-right: 0;
  }
  .designer-event-landing-page .designer-header .header__title-text {
    text-align: center;
    margin-top: 1em;
  }
  .designer-event-landing-page .designer-header .header__title {
    font-size: 2.25em;
    line-height: 1.3333333333333333;
    margin-bottom: 0.6666666666666666em;
    margin-bottom: 0;
  }
  .designer-event-landing-page .designer-header .header__subtitle {
    font-size: 1.3125em;
    line-height: 1.1428571428571428;
    margin-bottom: 1.1428571428571428em;
  }
  .designer-event-landing-page .designer-header .header__bio {
    width: 100%;
    font-size: 1em;
    margin: 0 0 1.5em;
    line-height: 1.5em;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    margin-bottom: 0;
  }
  .designer-event-landing-page .designer-header-seperator {
    display: none;
  }
}

@media screen and (min-width: 64.0625em) {
  .designer-event-landing-page .designer-header .avatar.avatar-xlarge {
    width: 14.5em;
    height: 14.5em;
  }
}

.le_event-single .le__event-page__container {
  padding: 1em;
  background: #fcfbfb;
}

.le_event-single .le__event-page__container .le__event-page {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .le_event-single .le__event-page__container {
    padding: 1em 0;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
  }
}

.le_event-single .le__event-single__container {
  padding: 2em 1em 1em;
}

.le__event-page {
  max-height: 697px;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  justify-content: center;
}

.le__event-page.legacy-video.twitch-replay .stage__featured-overlay {
  bottom: 7em;
}

.le__event-page .event-page__description {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  overflow: hidden;
}

.le__event-page .event-page__description .event-page__header {
  margin: 1em;
  margin-bottom: 0;
  flex: 1;
}

.le__event-page .event-page__description .description__poster-image {
  position: absolute;
  max-width: 100%;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-size: cover;
  background-color: #f4f4f3;
  background-position: center;
}

.le__event-page .event-page__description .description__poster-image .description__poster__title {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  margin-bottom: 1.3333333333333333em;
}

.le__event-page .description__divider {
  border-top: 1px solid #edeceb;
  margin-bottom: 0;
}

.le__event-page .stage__poster-image {
  position: absolute;
  z-index: 10;
  height: 100%;
  left: 0;
  top: 0;
  width: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #edeceb;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.le__event-page .stage__poster-image .image__loading-icon-container {
  display: none;
}

.le__event-page .stage__featured-overlay {
  position: absolute;
  color: #fff;
  width: 100%;
  bottom: 1vh;
  z-index: 2;
}

.le__event-page .stage__featured-overlay .chat-product-container {
  width: 42vh;
  min-width: 18em;
  margin: 0 auto;
  max-width: 90%;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product-bar.swimlane .swiper-container {
  box-shadow: 0 2px 5px rgba(50, 50, 50, 0.7);
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product-bar.swimlane .product-bar__header {
  margin-bottom: 0;
  justify-content: flex-end;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product-bar.swimlane .product-bar__header .swimlane__controls {
  color: #333;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product-bar.swimlane .swiper-slide {
  height: auto;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product-bar.swimlane .swiper-slide .live-launch__product {
  height: 100%;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product {
  background-color: rgba(252, 251, 251, 0.4);
  padding: 0.5em;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .product-description {
  padding: 0;
  padding-right: 0.5em;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .product-thumbnail {
  display: none;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .product-bar__product-name {
  max-height: none;
}

.le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .button, .le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .poll__answers .list .poll__answer, .poll__answers .list .le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .poll__answer {
  opacity: 0.9;
}

.le__event-page .live-launch__stage-outer .stage__featured-overlay .live-launch__product {
  transition: opacity 500ms ease-in-out, background-color 500ms ease-in-out;
}

.le__event-page .live-launch__stage-outer .stage__featured-overlay .live-launch__product .ll-product {
  background-color: transparent;
}

.le__event-page .live-launch__stage-outer:hover .stage__featured-overlay .live-launch__product {
  opacity: 1;
  background-color: #fcfbfb;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .le__event-page {
    max-height: none;
  }
  .le__event-page .event-page__description {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
  }
  .le__event-page .event-page__description .event-page__header {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    color: #333;
    border: none;
    height: 3.75em;
    pointer-events: none;
    opacity: 0;
    transition: opacity 100ms ease;
  }
  .le__event-page .event-page__description .event-page__header .h3, .le__event-page .event-page__description .event-page__header #story h3, #story .le__event-page .event-page__description .event-page__header h3, .le__event-page .event-page__description .event-page__header .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .le__event-page .event-page__description .event-page__header .out-of-stock__modal--label {
    font-size: 1rem;
    max-width: 40vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: auto;
    height: 1.2rem;
  }
  .le__event-page .event-page__description .event-page__header p {
    opacity: 0;
    display: none;
  }
  .le__event-page .event-page__description .event__featured-products,
  .le__event-page .event-page__description .description__divider {
    display: none;
  }
  .le__event-page .stage__poster-image {
    width: 100%;
    background-size: cover;
  }
  .le__event-page .stage__poster-image .image__loading-icon-container {
    display: block;
    position: absolute;
    right: 50%;
    bottom: 1em;
  }
  .le__event-page .stage__featured-overlay {
    display: none;
  }
  .le__event-page.userActive .event-page__header {
    opacity: 1;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .le__event-page {
    z-index: 62;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .le__event-page .le-preview-chat-card-hitbox {
    position: absolute;
    z-index: 3;
    height: 2.5rem;
    width: 2.5rem;
    top: 0.5em;
    left: 0.5em;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .le__event-page .le-preview-chat-card-hitbox .button--live-event-cta {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    border: none;
  }
  .le__event-page:not(.mobileInlineMode) .live-launch__stage {
    -webkit-animation: le-fullscreen-intro 100ms ease-out;
            animation: le-fullscreen-intro 100ms ease-out;
  }
  .le__event-page.mobileInlineMode {
    z-index: 0;
    width: auto;
    max-height: 80vh;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e8e7e6;
  }
  .le__event-page.mobileInlineMode .event-page__header {
    position: absolute;
  }
  .le__event-page.mobileInlineMode .stage__featured-overlay {
    bottom: 24vh;
  }
  .le__event-page.mobileInlineMode .live-launch__stage-outer {
    padding-bottom: 177.77%;
  }
  .le__event-page.mobileInlineMode .live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small {
    top: 60%;
    bottom: 4em;
  }
  .le__event-page.mobileInlineMode .live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages {
    pointer-events: none;
  }
  .le__event-page.mobileInlineMode .live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .message-welcome {
    display: none;
  }
  .le__event-page.mobileInlineMode .live-launch__stage {
    -webkit-animation: le-fullscreen-outro 100ms ease-out;
            animation: le-fullscreen-outro 100ms ease-out;
  }
  .le__event-page.mobileInlineMode.legacy-video .live-launch__stage-outer .live-launch__stage .video-js .vjs-tech {
    top: 0;
  }
  .le__event-page.mobileInlineMode .chat-message-input-container,
  .le__event-page.mobileInlineMode .chat-poll__container,
  .le__event-page.mobileInlineMode .chat-notification,
  .le__event-page.mobileInlineMode .chat-unread-messages,
  .le__event-page.mobileInlineMode .chat__takeover {
    display: none;
  }
  .le__event-page.mobileInlineMode .le-preview-chat-card-hitbox {
    position: absolute;
    height: auto;
    width: auto;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .le__event-page .stage__featured-overlay .chat-product-container {
    max-width: 70%;
  }
  .le__event-page .event-page__stage {
    min-width: 50%;
  }
  .le__event-page .live-launch__stage-outer .live-launch__stage .stage__stats {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .le__event-page {
    min-height: 495px;
    display: flex;
    position: static;
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .le__event-page {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .le__event-page {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .le__event-page {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden .le__event-page,
  .is-skinny-nav-hidden.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden .le__event-page,
  .is-skinny-nav-hidden.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .le__event-page,
  .is-skinny-nav-hidden.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .le__event-page {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .le__event-page,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .le__event-page,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 768px) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .le__event-page,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .le__event-page {
    height: calc( 100vh - 8.6875em);
  }
}

@media screen and (min-width: 768px) {
  .le__event-page .event-page__description {
    flex: 1;
    position: absolute;
    right: 0;
    max-width: 50%;
    visibility: hidden;
  }
  .le__event-page .event-page__description .chat__buy-bar {
    visibility: visible;
  }
  .le__event-page .event-page__description .event__featured-products {
    margin: 1rem;
  }
  .le__event-page .event-page__description .event__featured-products .live-launch__product .product-bar__product-name {
    max-height: none;
  }
  .le__event-page .event-page__description .ll-product {
    background: transparent;
  }
  .le__event-page .live-launch__stage-outer {
    flex: 1;
    position: relative;
    padding-bottom: 0;
  }
  .le__event-page .live-launch__chat {
    flex: 1;
    max-width: 50%;
  }
}

@media screen and (min-width: 64.0625em) {
  .le__event-page .event-page__description {
    position: relative;
    max-width: 21.875em;
    visibility: visible;
  }
  .le__event-page .event-page__description .description__inner {
    position: absolute;
    max-width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .le__event-page .event-page__description .description__divider {
    margin: 0 1rem;
  }
  .le__event-page .event-page__description .event-page__header {
    overflow: hidden;
    position: relative;
  }
  .le__event-page .event-page__description .event-page__header .description__title {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin-bottom: 1.3333333333333333em;
  }
  .le__event-page .event-page__description .event-page__header .description__text {
    max-height: 11vh;
    transition: max-height 900ms ease-in-out;
  }
  .le__event-page .event-page__description .event-page__header:after {
    content: '';
    text-align: left;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.5em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%);
    z-index: 1;
    bottom: 0;
  }
  .le__event-page .event-page__description .event-page__header:hover .description__text {
    max-height: 100vh;
  }
  .le__event-page .event-page__description .event-page__header:hover:after {
    content: none;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product {
    overflow: hidden;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product .product-thumbnail {
    position: relative;
    right: 10vh;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product .product-thumbnail img {
    width: 48vh;
    max-width: 400px;
  }
  .le__event-page .live-launch__stage-outer {
    margin-right: 1em;
    margin-left: 1em;
  }
  .le__event-page .live-launch__stage-outer .live-launch__badge.live-launch__badge--live {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin-bottom: 1.3333333333333333em;
  }
  .le__event-page .live-launch__stage-outer .stage__featured-overlay .chat-product-container .product-bar__header {
    display: none;
  }
  .le__event-page .live-launch__chat {
    max-width: 28.125em;
  }
  .le__event-page .live-launch__chat .chat__header .chat-header__title .chat-title {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin-bottom: 1.3333333333333333em;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 64.0625em) and (max-height: 750px) {
  .le__event-page .event-page__description .event-page__header {
    margin-bottom: 0.5em;
  }
  .le__event-page .event-page__description .event-page__header .description__text {
    min-height: 1.5em;
    max-height: 4vh;
  }
  .le__event-page .event-page__description .product-bar__header {
    margin-bottom: 0;
  }
  .le__event-page .description__divider {
    margin-bottom: 0.5em;
  }
  .le__event-page .live-launch__stage-outer {
    margin-right: 0;
    margin-left: 0;
  }
  .le__event-page .live-launch__stage-outer .live-launch__stage .stage__stats {
    left: 7vh;
  }
  .le__event-page .stage__featured-overlay {
    bottom: 1.25vh;
  }
}

@media screen and (min-width: 64.0625em) and (max-height: 650px) {
  .le__event-page .live-launch__stage-outer .live-launch__stage .stage__stats {
    left: 5em;
  }
  .le__event-page .stage__featured-overlay {
    bottom: 0.5em;
  }
  .le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .name-fragments__type-style__separator {
    display: none;
  }
  .le__event-page .stage__featured-overlay .chat-product-container .live-launch__product .name-fragments__style {
    display: block;
  }
  .le__event-page .event-page__description .event-page__header .description__text {
    max-height: 4vh;
  }
  .le__event-page .event-page__description .event__featured-products {
    margin-top: 0.5em;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product .product-thumbnail {
    right: 0;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product .product-thumbnail img {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1216px) {
  .le__event-page {
    max-width: 90em;
    margin: 0 auto;
  }
  .le__event-page .event-page__description {
    flex: 1;
    max-width: 28.125em;
  }
  .le__event-page .event-page__description .event-page__header .description__text {
    font-size: 1em;
    margin: 0 0 1.5em;
    line-height: 1.5em;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
  .le__event-page .event-page__description .event__featured-products .ll-product .product-thumbnail {
    right: 6vh;
  }
  .le__event-page .live-launch__stage-outer {
    max-width: 28.125em;
  }
}

.live-launch__top {
  position: relative;
}

@media screen and (min-width: 768px) {
  .live-launch__top.live-launch__checkout-success, .live-launch__top.live-event-archive {
    display: flex;
    max-width: 90em;
    margin: 0 auto;
    padding: 1em 0;
    flex-direction: row;
  }
  .live-launch__top.live-launch__checkout-success .stage-wrapper, .live-launch__top.live-event-archive .stage-wrapper {
    background-color: #333;
    position: relative;
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 66.12755%;
  }
  .live-launch__top.live-launch__checkout-success .stage-wrapper:last-child, .live-launch__top.live-event-archive .stage-wrapper:last-child {
    margin-right: 0;
  }
  .live-launch__top.live-launch__checkout-success .chat-wrapper, .live-launch__top.live-event-archive .chat-wrapper {
    float: left;
    display: block;
    margin-right: 1.61735%;
    width: 32.2551%;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
  }
  .live-launch__top.live-launch__checkout-success .chat-wrapper:last-child, .live-launch__top.live-event-archive .chat-wrapper:last-child {
    margin-right: 0;
  }
  .live-launch__top.live-launch__checkout-success .chat-wrapper .live-launch__chat, .live-launch__top.live-event-archive .chat-wrapper .live-launch__chat {
    position: absolute;
    width: 100%;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .live-launch__top .live-launch__chat.chat-overlay-size--small {
    overflow: visible;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__header,
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__empty,
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__hidden,
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__loading,
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__messages {
    display: none;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__messages--mini {
    display: block;
    flex: auto;
    position: relative;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__messages--mini .chat-message {
    margin-top: 0;
    max-width: 99%;
    white-space: nowrap;
    position: static;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__messages--mini .chat-message:after {
    display: inline-block;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1em;
    content: '';
    position: absolute;
    background-color: #fff;
    box-shadow: -10px 0 5px #fff;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat__messages--mini .chat-message + .chat-message {
    margin-top: 0.5em;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat-input,
  .live-launch__top .live-launch__chat.chat-overlay-size--small .reaction-button {
    pointer-events: none;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .message-input__hit-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .live-launch__top .live-launch__chat.chat-overlay-size--small .chat-message-input-container {
    border-bottom: 1px solid #f4f4f3;
  }
  .live-launch__top.interactive-mode {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 50;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .live-launch__top.interactive-mode {
    top: 6.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .live-launch__top.interactive-mode {
    top: 6.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .live-launch__top.interactive-mode {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 8.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 8.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 3.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 3.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 10.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 10.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 12.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 12.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .live-launch__top.interactive-mode {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 7.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 7.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .live-launch__top.interactive-mode,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .live-launch__top.interactive-mode {
    top: 8.6875em;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .live-launch__top.interactive-mode .chat-wrapper {
    max-height: none;
    display: flex;
    flex-direction: column;
    flex: 1;
    bottom: 0;
    width: 100%;
  }
  .live-launch__top.interactive-mode .chat-wrapper .message-input__hit-box {
    pointer-events: none;
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .live-launch__top.live-launch__checkout-success {
    padding: 1em;
    background-color: #333;
  }
}

.live-event-chat-card {
  background-color: #edeceb;
  width: 100%;
  max-width: 90em;
  margin: auto;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.live-event-chat-card .product-name-family,
.live-event-chat-card .simple-product-card-cta {
  display: none;
}

.live-event-chat-card .overline-container {
  margin-bottom: 0.5em;
}

.live-event-chat-card .overline-container .view-more-button {
  padding: 0.25em 2em;
}

.live-event-chat-card:after {
  content: '';
  display: block;
  position: absolute;
  box-shadow: 0px 0px 10px 10px #edeceb;
  bottom: 0;
  right: 0;
  left: 0;
  height: 0px;
}

.live-event-chat-card .live-launch__chat {
  height: 45vh;
  margin: 0 1em 0 0;
}

.live-event-chat-card .chat-card__video {
  position: relative;
  margin: 0 1em 0 0;
}

.live-event-chat-card .chat-card__video .live-launch__stage-outer {
  width: 100%;
}

.live-event-chat-card .chat-card__description {
  padding: 0;
}

.live-event-chat-card .chat-card__description .blink {
  padding-left: 0.125em;
  -webkit-animation: blink 0.5s ease-in-out 20 alternate;
          animation: blink 0.5s ease-in-out 20 alternate;
}

.live-event-chat-card .chat-card__chat-video-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
}

.live-event-chat-card .chat-card__featured {
  padding: 1em;
}

.live-event-chat-card.chat-only .floating-button--unmute {
  display: none;
}

.live-event-chat-card.chat-only .chat-card__hero-outer {
  width: 100%;
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero {
  display: block;
  position: relative;
  padding-bottom: 118.44802%;
  margin-right: 1em;
  background-color: #437c90;
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-video-bg {
  position: absolute;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-content {
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 61.5%;
  left: 1em;
  display: flex;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-content {
    justify-content: center;
    top: 15%;
    bottom: 0;
    right: 56%;
    left: 4%;
  }
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container {
  padding: 0;
  text-align: center;
  font-size: 0.65em;
  width: 100%;
  color: #e8f156;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container {
    margin-left: 0;
    text-align: left;
    padding: 0;
  }
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.h1, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .home-feature.home-feature--on-image .home-feature__content h2.content__headline, .home-feature.home-feature--on-image .home-feature__content .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.content__headline, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .lp--1 .lp--1__main h2.product-name, .lp--1 .lp--1__main .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.product-name {
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.h1, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .home-feature.home-feature--on-image .home-feature__content h2.content__headline, .home-feature.home-feature--on-image .home-feature__content .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.content__headline, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .lp--1 .lp--1__main h2.product-name, .lp--1 .lp--1__main .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container h2.product-name {
    line-height: 1.2;
    font-size: 3vw;
    margin-bottom: 0;
  }
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .hero-blurb {
  font-size: 1.5em;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .hero-blurb {
    width: auto;
    margin: 0 0 2.5vw;
    font-size: 1.25vw;
  }
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .button, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answers .list .poll__answer, .poll__answers .list .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answer {
  font-size: 0.75em;
  margin-top: 0;
  font-weight: bold;
  background-color: #00538c;
  border-color: #00538c;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .button, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answers .list .poll__answer, .poll__answers .list .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answer {
    font-size: 0.8vw;
  }
}

.live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .button:hover, .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answers .list .poll__answer:hover, .poll__answers .list .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero .hero-text-container .poll__answer:hover {
  background: #333;
}

@media screen and (min-width: 768px) {
  .live-event-chat-card.chat-only {
    max-width: none;
    padding-top: 2em !important;
  }
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__chat-video-container {
    margin: 0;
    flex-direction: row;
  }
  .live-event-chat-card.chat-only .chat-card__hero-outer .chat-card__hero {
    background-size: cover;
    padding-bottom: 45%;
  }
}

@media screen and (min-width: 64.0625em) {
  .live-event-chat-card {
    flex-direction: row;
  }
  .live-event-chat-card .overline-container {
    margin-bottom: 0;
  }
  .live-event-chat-card .overline-container .view-more-button {
    display: none;
  }
  .live-event-chat-card .chat-card__chat-video-container {
    flex-direction: row;
  }
  .live-event-chat-card .chat-card__chat {
    width: 45%;
    max-width: 30%;
  }
  .live-event-chat-card .chat-card__description {
    padding: 0;
  }
  .live-event-chat-card .chat-card__description .h3, .live-event-chat-card .chat-card__description #story h3, #story .live-event-chat-card .chat-card__description h3, .live-event-chat-card .chat-card__description .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .live-event-chat-card .chat-card__description .out-of-stock__modal--label {
    font-size: 2.35em;
  }
  .live-event-chat-card .live-launch__chat {
    height: 100%;
    margin-bottom: 1em;
  }
  .live-event-chat-card .live-launch__chat .floating-button--unmute {
    display: none;
  }
  .live-event-chat-card .chat-card__video {
    flex: 1 0 auto;
    padding-bottom: 0;
    margin: 0 1em 0 0;
  }
  .live-event-chat-card .chat-card__video .live-launch__stage-outer {
    position: static;
  }
  .live-event-chat-card .chat-card__video .live-launch__stage-outer:after {
    display: none;
  }
  .live-event-chat-card .chat-card__featured {
    padding: 0 1em;
  }
  .live-event-chat-card .chat__buy-bar {
    position: absolute;
    top: 0;
  }
  .live-event-chat-card .chat__buy-bar .chat-pdp__gallery {
    height: 25vh;
  }
  .live-event-chat-card .chat__buy-bar .chat-pdp__gallery .chat-gallery__prev,
  .live-event-chat-card .chat__buy-bar .chat-pdp__gallery .chat-gallery__next,
  .live-event-chat-card .chat__buy-bar .chat-pdp__gallery .chat-gallery__image {
    height: 25vh;
  }
  .live-event-chat-card .chat__buy-bar .product-description {
    display: none;
  }
  .live-event-chat-card .chat__buy-bar .product-name--detail-family {
    font-size: 0.9em;
  }
}

.homepage.homepage__chat-hero .hero {
  background-color: #e8d6cb;
}

.homepage.homepage__chat-hero .homepage-chat-card--color-highlight {
  display: none;
}

.homepage.homepage__chat-hero .live-event-chat-card.chat-only {
  margin-top: 0;
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar__live-event aside {
    display: flex;
    flex-direction: column;
    padding-bottom: 4em;
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .product-sidebar__live-event aside {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .product-sidebar__live-event aside {
    height: calc( 100vh - 6.325em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .product-sidebar__live-event aside {
    height: calc( 100vh - 7.325em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 10.2625em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 11.2625em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 3.75em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 4.75em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 8.95em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 9.95em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 12.8875em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .product-sidebar__live-event aside {
    height: calc( 100vh - 13.8875em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 7.6875em);
  }
}

@media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .product-sidebar__live-event aside,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .product-sidebar__live-event aside {
    height: calc( 100vh - 8.6875em);
  }
}

@media screen and (min-width: 64.0625em) {
  .product-sidebar__live-event aside button.add-to-cart {
    margin-bottom: 0.5em;
  }
  .product-sidebar__live-event aside .product-sidebar__additional-info,
  .product-sidebar__live-event aside .product-tab-content {
    display: none;
  }
  .product-sidebar__live-event aside .live-launch__chat {
    z-index: 0;
    width: 25em;
    margin: auto;
    border: 1px solid #e8e7e6;
    border-radius: 5px;
    background-color: #f7f6f6;
  }
  .product-sidebar__live-event aside .live-launch__chat .chat__header {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .product-detail-page .event-page__description {
    display: none !important;
  }
  .product-detail-page .live-launch__stage-outer.legacy-video {
    padding-bottom: 0 !important;
  }
  .product-detail-page .live-launch__stage-outer.legacy-video .live-launch__stage {
    position: static;
  }
  .product-detail-page .live-launch__stage-outer.legacy-video .live-launch__stage .video-js .vjs-tech {
    width: 200%;
    height: auto;
    top: auto;
    left: 0;
    transform: translate(0, 0) !important;
  }
  .product-detail-page .live-launch__stage-outer.legacy-video .live-launch__stage .stage__featured-overlay {
    display: none;
  }
}

@-webkit-keyframes le-fullscreen-intro {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes le-fullscreen-intro {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes le-fullscreen-outro {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes le-fullscreen-outro {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.animation-float--up {
  position: absolute;
  bottom: 5em;
  right: 25%;
  z-index: 5;
  overflow: visible;
  -webkit-animation-name: emoji-bubbling;
          animation-name: emoji-bubbling;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.emoji {
  position: absolute;
  display: block;
  font-size: 2em;
  pointer-events: none;
}

@-webkit-keyframes emoji-bubbling {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(-20em);
    opacity: 0;
  }
}

@keyframes emoji-bubbling {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(-20em);
    opacity: 0;
  }
}

.live-launch__product-bar {
  padding: 0;
}

.live-launch__product-bar.swimlane h2 {
  font-size: 1em;
}

.live-launch__product-bar.swimlane header {
  margin-right: 0;
}

.live-launch__product-bar.swimlane header .swimlane__controls {
  font-size: 0.7rem;
}

.live-launch__product-bar.swimlane header .swimlane__controls .swiper-button-prev,
.live-launch__product-bar.swimlane header .swimlane__controls .swiper-button-next {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.5rem;
  font-size: 0.7rem;
}

.live-launch__product-bar .swimlane .swiper-pagination {
  margin: 0;
}

.live-launch__product-bar .swiper-pagination-bullet-active {
  background-color: #333;
}

.live-launch__product-bar .product-bar--flex {
  padding: 0.5em;
}

.live-launch__product-bar .product-bar--flex .live-launch__product {
  flex: 1 1 0;
}

.live-launch__product-bar .product-bar--flex .live-launch__product + .live-launch__product {
  margin-left: 0.5em;
}

.live-launch__product-bar .product-summary {
  display: none;
}

.live-launch__product-bar .product-bar__actions {
  padding: 0.5em;
}

.live-launch__product-bar .product-bar__actions .product-bar__buy-button {
  margin-right: 0.5em;
  background: #4c8226;
  padding: 0;
  height: 2.75em;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  font-size: 16px;
}

.live-launch__product-bar .product-bar__actions .product-bar__toggle-button {
  font-size: 16px;
  display: block;
  height: 2.75em;
  width: 6em;
  background: #333;
  padding: 0 1em;
  font-weight: bold;
}

@media screen and (min-width: 64.0625em) {
  .live-launch__product-bar .product-bar--flex {
    padding: 0 0 1em 0;
  }
}

.live-event-page .chat-wrapper .chat__header .chat-header__title,
.live-event-chat-card .live-launch__chat .chat__header .chat-header__title {
  display: none;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar {
  padding: 0.5em 0.5em 0;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar header,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar header {
  margin-bottom: 0;
  position: absolute;
  right: 1em;
  z-index: 8;
  background-color: #fff;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar header .swiper-button-prev,
.live-event-page .chat-wrapper .chat__header .live-launch__product-bar header .swiper-button-next,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar header .swiper-button-prev,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar header .swiper-button-next {
  height: 0.5em;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .swimlane .swiper-slide,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .swimlane .swiper-slide {
  width: 100%;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .live-launch__product .product-bar__product-name,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .live-launch__product .product-bar__product-name {
  max-height: initial;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .product-thumbnail,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .product-thumbnail {
  width: 55px;
  min-width: 55px;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .product-actions,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .product-actions {
  display: none;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .product-description,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .product-description {
  padding: 0 0.5em;
  min-width: 62.5%;
  width: 62.5%;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .live-event-page .chat-wrapper .chat__header .live-launch__product-bar .product-description,
  .live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .product-description {
    min-width: 50%;
    width: 50%;
  }
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .chat__floating-button,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .chat__floating-button {
  display: block;
  top: 0em;
  right: 0em;
}

.live-event-page .chat-wrapper .chat__header .live-launch__product-bar .multiproduct .chat__floating-button,
.live-event-chat-card .live-launch__chat .chat__header .live-launch__product-bar .multiproduct .chat__floating-button {
  top: 2.5em;
  padding: 0.5em 1.5em;
}

.live-event-chat-card .chat__header .live-launch__product-bar .chat__floating-button {
  right: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .live-event-chat-card .chat__header .live-launch__product-bar .chat__floating-button {
    right: 0;
  }
}

.vertical-chat-product-bar .product-bar__controls {
  display: flex;
}

.vertical-chat-product-bar .swiper-button-prev,
.vertical-chat-product-bar .swiper-button-next {
  font-size: 1rem;
}

.vertical-chat-product-bar .live-launch__product-bar .multiline-pagination .swiper-pagination {
  text-align: left;
}

.vertical-chat-product-bar .live-launch__product-bar .swiper-slide,
.vertical-chat-product-bar .live-launch__product-bar .ll-product {
  opacity: 1;
}

.vertical-chat-product-bar .live-launch__product-bar .live-launch__product .ll-product {
  display: block;
}

.vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-description {
  padding: 0.5em 0 0;
}

.vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-thumbnail {
  min-width: auto;
  width: auto;
}

.vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 100%;
}

.vertical-chat-product-bar .live-launch__product-bar .button.button-rounded.button-primary, .vertical-chat-product-bar .live-launch__product-bar .poll__answers .list .button-rounded.button-primary.poll__answer, .poll__answers .list .vertical-chat-product-bar .live-launch__product-bar .button-rounded.button-primary.poll__answer {
  padding: 0.6em;
}

.vertical-chat-product-bar .live-launch__product-bar .swiper-pagination {
  display: none;
}

@media screen and (min-width: 768px) {
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__actions,
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__toggle-button,
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__buy-button {
    display: none;
  }
}

@media screen and (min-width: 64.0625em) {
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__header h2 {
    font-size: 1.25em;
  }
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__header .swimlane__controls {
    align-self: flex-end;
  }
  .vertical-chat-product-bar .live-launch__product-bar .product-bar--flex {
    padding: 0 0 1em 0;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-thumbnail {
    width: 100%;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name {
    max-height: 2.8em;
  }
  .vertical-chat-product-bar .live-launch__product-bar .button.button-rounded.button-primary, .vertical-chat-product-bar .live-launch__product-bar .poll__answers .list .button-rounded.button-primary.poll__answer, .poll__answers .list .vertical-chat-product-bar .live-launch__product-bar .button-rounded.button-primary.poll__answer {
    padding: 0.5em;
    font-size: 0.6em;
    width: 100%;
    margin-top: 1em;
  }
}

@media screen and (min-width: 1216px) {
  .vertical-chat-product-bar .live-launch__product-bar .swiper-pagination {
    display: block;
  }
  .vertical-chat-product-bar .live-launch__product-bar .button.button-rounded.button-primary, .vertical-chat-product-bar .live-launch__product-bar .poll__answers .list .button-rounded.button-primary.poll__answer, .poll__answers .list .vertical-chat-product-bar .live-launch__product-bar .button-rounded.button-primary.poll__answer {
    padding: 0.6em;
    font-size: 0.75em;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name {
    max-height: 100%;
  }
}

@media screen and (min-width: 1473px) {
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__header {
    flex-direction: row;
  }
  .vertical-chat-product-bar .live-launch__product-bar .product-bar__header h2 {
    font-size: 1em;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-thumbnail {
    width: 100%;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name {
    max-height: initial;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name .name-fragments__type-style,
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name .name-fragments__family,
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-bar__product-name .name-fragments__color {
    max-width: 95%;
  }
  .vertical-chat-product-bar .live-launch__product-bar .live-launch__product .product-thumbnail {
    width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .vertical-chat-product-bar .live-launch__product-bar .product-summary {
    display: block;
    font-size: 0.8em;
  }
}

@media screen and (min-width: 64.0625em) {
  .vertical-chat-product-bar .product-bar__header {
    font-size: 0.75em;
  }
  .vertical-chat-product-bar .product-bar__header .swiper-button-prev,
  .vertical-chat-product-bar .product-bar__header .swiper-button-next {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1216px) {
  .vertical-chat-product-bar .product-bar__header {
    font-size: 0.8em;
  }
  .vertical-chat-product-bar .product-bar__header .swiper-button-prev,
  .vertical-chat-product-bar .product-bar__header .swiper-button-next {
    font-size: 0.8rem;
  }
}

@media screen and (min-width: 1473px) {
  .vertical-chat-product-bar .product-bar__header {
    font-size: 1em;
  }
  .vertical-chat-product-bar .product-bar__header .swiper-button-prev,
  .vertical-chat-product-bar .product-bar__header .swiper-button-next {
    font-size: 1rem;
  }
}

.live-launch__product {
  position: relative;
  display: flex;
}

.live-launch__product.has-button {
  min-height: 4em;
}

.live-launch__product .ll-product {
  flex: 1;
  color: #333;
  opacity: 0.8;
  display: flex;
}

.live-launch__product .ll-product:hover {
  opacity: 1;
  background-color: #fcfbfb;
}

.live-launch__product .ll-product + .ll-product {
  margin-left: 1em;
}

.live-launch__product .product-bar__product-name {
  max-height: 2.8em;
  overflow: hidden;
}

.live-launch__product .product-bar__product-name .name-fragments__family {
  display: block;
}

.live-launch__product .product-price {
  text-align: left;
}

.live-launch__product .product-bar__product-name .name-fragments__line:first-child,
.live-launch__product .product-price {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 800;
}

.live-launch__product .product-bar__product-name,
.live-launch__product .product-price {
  font-size: 0.8em;
}

.live-launch__product .product-thumbnail {
  width: 85px;
  min-width: 85px;
}

.live-launch__product .product-description {
  padding: 1em;
}

.live-launch__product .product-vital-stats {
  margin-bottom: 0;
  padding-bottom: 2em;
}

.live-launch__product .chat__floating-button {
  display: none;
}

.live-launch__product .cta-button-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.live-launch__product .cta-button-container .button, .live-launch__product .cta-button-container .poll__answers .list .poll__answer, .poll__answers .list .live-launch__product .cta-button-container .poll__answer {
  font-size: 0.9em;
}

@media screen and (min-width: 768px) {
  .live-launch__product .live-launch__product .product-thumbnail {
    width: auto;
  }
}

.chat__buy-bar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.chat__buy-bar .buy-bar__inner {
  overflow-y: scroll;
  background-color: #fff;
  max-height: 100%;
  height: 100%;
}

.chat__buy-bar .takeover__header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
}

.chat__buy-bar .takeover__header .header__close-button {
  height: 1.5em;
  width: 1.5em;
  border-radius: 1.5em;
  background-color: #fff;
  text-align: center;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.chat__buy-bar .chat-pdp__gallery {
  height: 30vh;
  overflow-x: scroll;
  display: flex;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__prev,
.chat__buy-bar .chat-pdp__gallery .chat-gallery__next {
  opacity: 0;
  transition: opacity 0.75s;
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: none;
  margin: 0;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  color: #333;
  font-size: 1.5rem;
  height: 30vh;
  width: 1em;
  margin: 0;
  background-color: #fff;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__prev.disabled,
.chat__buy-bar .chat-pdp__gallery .chat-gallery__next.disabled {
  color: #e8e7e6;
  pointer-events: auto;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__next {
  right: 0;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__image {
  height: 30vh;
  width: auto;
  scroll-snap-align: center;
  margin-left: 1em;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__image img {
  height: 100%;
  width: auto;
  max-width: initial;
}

.chat__buy-bar .chat-pdp__gallery .chat-gallery__image:last-child {
  margin-right: 1em;
}

@media screen and (min-width: 64.0625em) {
  .chat__buy-bar .chat-pdp__gallery {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
    /* BEGIN Styles to hide native broswer scroll bars*/
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    /* END Styles to hide native broswer scroll bars*/
  }
  .chat__buy-bar .chat-pdp__gallery:hover .chat-gallery__prev,
  .chat__buy-bar .chat-pdp__gallery:hover .chat-gallery__next {
    opacity: 1;
  }
  .chat__buy-bar .chat-pdp__gallery::-webkit-scrollbar {
    display: none;
  }
}

.chat__buy-bar .product__details {
  padding: 1em 1em 0;
  margin-bottom: 3em;
}

.chat__buy-bar .select-dropdown {
  max-width: none;
}

.chat__buy-bar .select-dropdown .select-dropdown__dropdown {
  max-height: 200px;
}

.chat__buy-bar .expandedMultiple .select-dropdown__dropdown {
  max-height: none;
}

.chat__buy-bar .add-to-cart {
  margin: 1em 1em 1em 0;
}

.chat__buy-bar .chat-buybar__product-gallery .launch__product {
  pointer-events: none;
}

.chat__buy-bar .chat__product-thumbnail-wrapper {
  display: inline-block;
  margin-right: 1em;
  max-width: 25%;
}

.chat__buy-bar .carousel .swiper-container {
  margin: 0;
  padding: 0;
}

.chat__buy-bar .carousel .carousel-slide {
  height: 25vh;
  text-align: center;
  background-color: #dcdad8;
}

.chat__buy-bar .carousel .carousel-slide img {
  width: auto;
  height: 100%;
  margin: auto;
}

.chat__buy-bar .chat__buy-bar__footer {
  display: flex;
  justify-content: center;
}

.chat__buy-bar .chat__buy-bar_featured-products {
  margin: 2em 0 0;
}

.chat__buy-bar .chat__buy-bar_featured-products .product-bar__actions {
  display: none;
}

.chat__buy-bar .product-name--detail {
  margin-top: 0.5em;
  font-family: "Open Sans", "HelveticaNeue-Light", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", "Helvetica-Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  display: block;
  font-size: 0.75em;
}

.chat__buy-bar .product-price {
  flex: 1;
  text-align: right;
  min-width: 7em;
}

.chat__buy-bar .product-sizing-chart {
  overflow-x: auto;
}

@media screen and (min-width: 768px) {
  .chat__buy-bar {
    position: absolute;
    top: 0 !important;
  }
}

.live-launch__chat .chat__buy-bar .chat__header {
  position: -webkit-sticky;
  position: sticky;
}

.chat__product-drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1em;
  background-color: #fff;
  z-index: 7;
  overflow-y: scroll;
}

.chat__product-drawer .select-dropdown {
  max-width: none;
}

.chat__product-drawer .select-dropdown .select-dropdown__dropdown {
  max-height: 200px;
}

.chat__product-drawer .add-to-cart {
  margin-top: 1em;
}

.chat__product-drawer .chat-buybar__product-gallery .launch__product {
  pointer-events: none;
}

.chat__product-drawer .chat__product-thumbnail-wrapper {
  display: inline-block;
  margin-right: 1em;
  max-width: 25%;
}

.chat__product-drawer .live-launch__product {
  margin-top: 1em;
}

.chat__product-drawer .live-launch__product .ll-product {
  background-color: #f7f6f6;
}

.chat__product-drawer .live-launch__product:first-child {
  margin-top: 0;
}

.chat__product-drawer button {
  float: right;
}

.chat__product-drawer.is-closed {
  pointer-events: none;
}

.chat__product-drawer.ng-hide-remove.ng-hide-remove-active {
  transition: opacity 200ms ease-out, transform 200ms ease-out;
  transition-delay: 100ms;
}

.chat__product-drawer.ng-hide-remove.ng-hide-remove-active button {
  transition: opacity 200ms ease-out;
  transition-delay: 500ms;
  opacity: 1;
}

.chat__product-drawer.ng-hide {
  transition: opacity 200ms ease-in, transform 200ms ease-in;
  transform: translateY(100%);
}

.chat__product-drawer.ng-hide button {
  transition: opacity 200ms ease-out;
  opacity: 0;
}

.chat-notification {
  position: relative;
  max-height: 7em;
  background-color: #ddff3c;
  z-index: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.chat-notification .chat-notification__inner {
  height: 100%;
  width: 100%;
  padding: 1rem 2.5em 1rem 1rem;
}

.chat-notification__close {
  font-size: 1rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  z-index: 2;
}

.chat-notification__title {
  font-weight: bold;
  margin-bottom: 0;
}

.chat-notification__text {
  font-weight: bold;
  margin-bottom: 0;
}

.chat-notification.has-countdown:after {
  content: '';
  display: block;
  border-top: 3px solid #333;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-animation: countdown 20s linear;
          animation: countdown 20s linear;
}

@-webkit-keyframes countdown {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

@keyframes countdown {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

.chat-customer-modal {
  overflow: scroll;
}

.chat-customer-modal .avatar {
  width: 8rem;
  height: 8rem;
}

.chat-customer-modal .table {
  text-align: left;
}

.chat-customer-modal .table td {
  vertical-align: top;
}

.chat-users-online .online-now {
  background-color: #cd3b6b;
  border-radius: 10em;
  padding: 0.5em 2em 0.5em 0.5em;
  margin-bottom: 1em;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  width: 100%;
}

.chat-users-online .online-now .online-now__count {
  font-weight: bold;
  margin: 0 0.5em;
}

.chat-users-online .online-now .avatar-stack .avatar {
  display: inline-block;
  margin-left: -0.75em;
  border: 2px solid #f4f4f3;
  width: 1.5em;
  height: 1.5em;
}

.chat-users-online .online-now .avatar-stack .avatar:first-child {
  margin-left: 0;
}

.chat-users-online .online-now .online-now__description {
  margin-left: 0.5em;
}

.chat-avatar.user {
  flex-shrink: 0;
}

.chat-avatar.user .avatar {
  margin-right: 0.5em;
}

.chat-avatar.user .avatar.avatar__no-image {
  background-color: #437c90;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-avatar.user .avatar.avatar__no-image .avatar__initial {
  font-family: "Playfair Display", serif;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 1rem;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .chat-avatar.user .avatar.avatar__no-image .avatar__initial {
    font-size: 87.5%;
  }
}

.chat-avatar.user .avatar-badge {
  position: absolute;
  left: -0.25em;
  top: -0.5em;
  height: 1em;
  width: 1em;
  background-color: #ddff3c;
  background-image: url(/angular/src/images/bb.svg);
  background-size: 75% 75%;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  border-radius: 100%;
}

.chat-avatar.user .avatar-badge--repeat {
  background-color: #cd3b6b;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-avatar.user .avatar-badge--repeat i {
  font-size: 0.6em;
}

.chat-avatar.user .avatar-badge--custom {
  background-color: #fff;
  background-image: none;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.chat-avatar.avatar-stack-member {
  position: relative;
}

.chat-notification.event-checkin-prompt {
  max-height: none;
  background-color: #cd3b6b;
  color: white;
}

.chat-notification.event-checkin-prompt .prompt__button {
  background: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border: 2px;
  display: block;
  border-radius: 2em;
  padding: 0 1em;
  padding: 0.65em 0.8em;
  color: black;
}

.live-launch__chat {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.live-launch__chat .chat__header {
  z-index: 2;
  position: relative;
}

.live-launch__chat .chat__header.gray-with-shadow {
  box-shadow: 0px 9px 7px 0px #fff;
  margin-bottom: 0.1em;
}

.live-launch__chat .chat__header.header-with-users {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.live-launch__chat .chat__header.header-with-users .chat-header__users .online-count {
  font-size: 0.75em;
  text-align: center;
  padding-right: 1em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .live-launch__chat .chat__header.header-with-users {
    display: none;
  }
}

.live-launch__chat .chat__header .chat-header__title {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .live-launch__chat .chat__header .chat-header__title {
    display: flex;
    align-items: center;
  }
}

.live-launch__chat .chat__header .chat-title {
  margin-bottom: 0;
}

.live-launch__chat .chat__header .chat-online-count {
  color: #a09995;
  font-size: 0.75em;
}

.live-launch__chat .chat__header .chat-header__left {
  display: flex;
  align-items: center;
}

.live-launch__chat .chat__header .chat-header__left:hover, .live-launch__chat .chat__header .chat-header__left:active {
  color: #a09995;
}

@media screen and (min-width: 768px) {
  .live-launch__chat .chat__header .chat-header__left:hover, .live-launch__chat .chat__header .chat-header__left:active {
    color: initial;
  }
}

.live-launch__chat .chat__header .chat-header__right {
  margin-left: auto;
}

.live-launch__chat .chat__header .avatar-stack {
  display: flex;
  justify-content: flex-end;
}

.live-launch__chat .chat__header .avatar-stack .avatar-stack-member {
  margin-left: -0.5em;
}

.live-launch__chat .chat__header .avatar-stack .avatar-badge {
  top: -0.25em;
  height: 0.75em;
  width: 0.75em;
}

.live-launch__chat .chat__header .avatar-stack .avatar-badge--repeat {
  display: none;
}

.live-launch__chat .chat__header .avatar-stack .avatar-badge--repeat i {
  font-size: 0.4em;
}

.live-launch__chat .chat__header .avatar-stack .avatar {
  border: 2px solid #f4f4f3;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0;
}

.live-launch__chat .chat__header .avatar-stack .avatar.avatar__no-image .avatar__initial {
  font-size: 0.6rem;
}

.live-launch__chat .chat__header .close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2.5rem;
  background-color: #fff;
  border-radius: 5rem;
  padding: 5px;
  height: 2.5rem;
}

@media screen and (min-width: 64.0625em) {
  .live-launch__chat .chat__header {
    padding: 1em;
  }
}

.live-launch__chat .chat-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.live-launch__chat .chat-section.chat__hidden .button, .live-launch__chat .chat-section.chat__hidden .poll__answers .list .poll__answer, .poll__answers .list .live-launch__chat .chat-section.chat__hidden .poll__answer {
  max-width: 10em;
  margin: 0 auto;
}

.live-launch__chat .chat-section.chat__loading {
  justify-content: flex-start;
}

.live-launch__chat .chat-section.chat__loading .loader {
  -webkit-animation: load-chat 1s linear infinite;
          animation: load-chat 1s linear infinite;
  background: linear-gradient(-45deg, #f4f4f3 0%, #edeceb 50%, #f4f4f3 100%);
  background-size: 200%;
}

.live-launch__chat .chat-section.chat__loading .loader.loader-avatar {
  height: 1.5em;
  width: 1.5em;
  border-radius: 100%;
}

.live-launch__chat .chat-section.chat__loading .loader.loader-text {
  width: 60%;
  margin-left: 1em;
  height: 0.8em;
}

.live-launch__chat .chat-section.chat__loading div:nth-child(2) .loader-text {
  width: 50%;
}

.live-launch__chat .chat-section.chat__loading div:nth-child(3) .loader-text {
  width: 69%;
}

.live-launch__chat .chat-section.chat__loading div:nth-child(4) .loader-text {
  width: 90%;
}

.live-launch__chat .chat__messages {
  width: 100%;
  height: 100%;
  flex: 1 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 0;
  /**
		 * -webkit-overflow-scrolling: touch;
		 * This makes scrolling nicer on iOS but doesn't play nice
		 * with our current body scroll locking solution. Uncomment after
		 * fixing issue: #6753;
		 */
  padding: 1rem;
  font-size: 0.8rem;
  text-align: left;
}

.live-launch__chat .chat__messages .chat-message {
  position: relative;
  display: flex;
  margin-top: 1em;
}

.live-launch__chat .chat__messages .chat-message .message {
  flex: 1;
  word-break: break-word;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: auto;
}

.live-launch__chat .chat__messages .chat-message .message p {
  margin: 0;
  display: inline-block;
}

.live-launch__chat .chat__messages .chat-message .message__attachment {
  text-overflow: ellipsis;
}

.live-launch__chat .chat__messages .chat-message .message__attachment .live-launch__product {
  margin: 0.5em 0 0;
}

.live-launch__chat .chat__messages .chat-message .message__attachment .live-launch__product .ll-product {
  padding: 4px;
  border-radius: 4px;
  background-color: #f7f6f6;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  flex-direction: row-reverse;
}

.live-launch__chat .chat__messages .chat-message .message__attachment .live-launch__product .ll-product .product-thumbnail {
  width: 65px;
  min-width: 65px;
  border-radius: 3px;
  overflow: hidden;
}

.live-launch__chat .chat__messages .chat-message .message__attachment .live-launch__product .ll-product .product-bar__product-name {
  letter-spacing: 0;
  font-size: 0.7rem;
  text-transform: initial;
  color: #333;
}

.live-launch__chat .chat__messages .chat-message .message__attachment .attachment__gif {
  max-height: 15em;
}

.live-launch__chat .chat__messages .chat-message .message__attachment.message__attachment--poll {
  padding: 1em;
  border-radius: 0 5px 5px 5px;
  background-color: #e4ef4a;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  display: inline-block;
  color: #333;
  text-shadow: none;
}

.live-launch__chat .chat__messages .chat-message .message__attachment.message__attachment--poll .poll-question {
  margin-bottom: 0.5em;
}

.live-launch__chat .chat__messages .chat-message .message-details {
  display: block;
  color: #68615d;
  margin-top: 0.5em;
  flex-shrink: 0;
  padding-right: 0.5em;
  font-size: 0.75em;
}

.live-launch__chat .chat__messages .chat-message .message-details .admin-actions {
  margin-left: auto;
  float: right;
}

.live-launch__chat .chat__messages .chat-message .activity-text a.activity-text__object, .live-launch__chat .chat__messages .chat-message .activity-text .activity-text__object.read-more-button {
  color: #333;
  text-decoration: none;
}

.live-launch__chat .chat__messages .chat-message .activity-text a.activity-text__object:hover, .live-launch__chat .chat__messages .chat-message .activity-text .activity-text__object.read-more-button:hover {
  color: #4c8226;
}

.live-launch__chat .chat__messages .chat-message .activity-text a.activity-text__object:active, .live-launch__chat .chat__messages .chat-message .activity-text .activity-text__object.read-more-button:active {
  color: #65ad33;
}

.live-launch__chat .chat__messages .chat-message:hover .message-delete {
  display: flex;
}

.live-launch__chat .chat__messages .chat-message.is-reply {
  border-left: 5px solid #ddff3c;
  background-color: #f7f6f6;
  margin-top: 5px;
  padding: 0.5em;
}

.live-launch__chat .chat__messages .live-launch__product {
  margin: 0.5em 0;
}

.live-launch__chat .chat__messages .product-actions .button, .live-launch__chat .chat__messages .product-actions .poll__answers .list .poll__answer, .poll__answers .list .live-launch__chat .chat__messages .product-actions .poll__answer {
  min-width: 8em;
}

.live-launch__chat .chat__messages .message-delete {
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px 0 0 5px;
  display: none;
  padding: 0.5em;
  background-color: #f87e70;
  color: #fff;
}

.live-launch__chat .chat__messages .message-delete:hover {
  background-color: #ec230c;
}

.live-launch__chat .chat__messages.freeze-scrolling {
  overflow-y: hidden;
}

.live-launch__chat .chat-unread-messages {
  z-index: 2;
  display: block;
  position: absolute;
  background: #4c8226;
  bottom: 6em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5em 1em;
  border-radius: 3em;
  color: #fff;
}

.live-launch__chat .chat-show-older-messages {
  display: block;
  text-align: center;
}

.live-launch__chat .chat-reactions-container {
  display: flex;
  text-align: center;
}

.live-launch__chat .chat-input__container {
  display: flex;
  padding: 0.5em;
  border-top: 1px solid #e8e7e6;
  background-color: #fff;
  z-index: 1;
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.live-launch__chat .chat-input__container .chat-form {
  display: flex;
  flex: 1;
}

.live-launch__chat .chat-input__container .chat-form .chat-input {
  flex: 1;
  min-width: 0;
  background: #fff;
  border-radius: 2em;
  border: none;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .live-launch__chat .chat-input__container .chat-form .chat-input {
    font-size: 16px;
  }
}

.live-launch__chat .chat-input__container .chat-form .toggle--important-message {
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 0.5rem;
  background-color: #f7f6f6;
  color: #6b6b6b;
}

.live-launch__chat .chat-input__container .chat-form .toggle--important-message.active {
  background-color: #cd3b6b;
  color: #fff;
}

.live-launch__chat .chat-input__container .input-button {
  background: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border: 2px;
  display: block;
  border-radius: 2em;
  padding: 0 1em;
  margin-left: 0.5em;
}

.live-launch__chat .chat-input__container .input-button.input-button--circle {
  font-size: 16px;
  padding: 0;
  height: 2.75em;
  width: 2.75em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.live-launch__chat .chat-input__container .input-button.input-button--send {
  background: #4c8226;
  color: #fff;
}

.live-launch__chat .chat-input__container .input-button.input-button--emoji .reaction-emoji {
  font-size: 2em;
}

.live-launch__chat .chat-input__container .input-button.input-button--settings {
  box-shadow: none;
  padding: 0 0.5em;
  background: none;
}

.live-launch__chat .chat-input__container.has-input .input-submit, .live-launch__chat .chat-input__container.not-logged-in .input-submit {
  opacity: 1;
  max-width: 100%;
  display: inline-block;
}

.live-launch__chat .chat-input__container .chat-reactions-container--open {
  height: 2.75em;
  display: flex;
  align-items: center;
  padding: 0 0.5em 0 0;
  font-size: 16px;
}

.live-launch__chat .chat-input__container .chat-reactions-container--open .input-button.input-button--emoji {
  background: transparent;
  border: none;
}

.live-launch__chat .chat-input__container .chat-options-button {
  margin: 0 0.5em;
}

.live-launch__chat .chat-input__container .chat-options {
  border: 1px solid #e8e7e6;
  border-bottom: 2px solid #dcdad8;
  background-color: #fff;
  position: absolute;
  left: 0.5em;
  bottom: 5em;
}

.live-launch__chat.chat--dimmed .chat__messages {
  opacity: 0.5;
}

.live-launch__chat.chat--dimmed .chat-message-input-container {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.live-launch__chat .message-notification .message-notification__content {
  padding: 0.5em;
  text-align: center;
  background-color: #ddff3c;
  border-radius: 5px;
  margin: 1em 0;
}

.live-launch__chat .message-notification .admin-actions {
  color: #a09995;
  font-size: 0.75em;
  text-decoration: underline;
}

.live-launch__chat .message-welcome {
  font-weight: bold;
  padding: 2em 0 0;
}

.live-launch__chat .button-rounded {
  border-bottom: none;
}

.live-launch__chat.live-launch__chat--overlay {
  border: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  z-index: 3;
  height: auto;
  justify-content: flex-end;
  overflow: visible;
  transition: all 100ms ease-out;
}

.live-launch__chat.live-launch__chat--overlay .chat-notification {
  margin: 0.5em 0.5em 0;
  border-radius: 5px;
}

.live-launch__chat.live-launch__chat--overlay .chat__takeover {
  position: fixed;
  z-index: 11;
}

.live-launch__chat.live-launch__chat--overlay .chat__takeover .takeover__header {
  padding: 1em 0.5em;
}

.live-launch__chat.live-launch__chat--overlay .chat-overlay-hitbox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.live-launch__chat.live-launch__chat--overlay .chat__messages {
  -webkit-mask-image: linear-gradient(0deg, black 0%, black 75%, rgba(0, 0, 0, 0) 90%);
          mask-image: linear-gradient(0deg, black 0%, black 75%, rgba(0, 0, 0, 0) 90%);
}

.live-launch__chat.live-launch__chat--overlay .chat__messages .chat-message .message-details {
  display: none;
}

.live-launch__chat.live-launch__chat--overlay .attachment__gif {
  display: none;
}

.live-launch__chat.live-launch__chat--overlay .chat__header {
  display: none;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container {
  background-color: transparent;
  border: none;
  padding: 0;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input {
  border: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border-radius: 50em;
  flex: 1;
  width: 100%;
  caret-color: #6b6b6b;
  -webkit-appearance: none;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input::-webkit-input-placeholder {
  color: #a09995;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input::-moz-placeholder {
  color: #a09995;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input:-ms-input-placeholder {
  color: #a09995;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input::-ms-input-placeholder {
  color: #a09995;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input::placeholder {
  color: #a09995;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .chat-input.ng-pristine {
  color: #f7f6f6 !important;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .input-button--react {
  width: 2.75em;
  height: 2.75em;
  margin-right: 0.5em;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .input-button--shop {
  width: 6em;
  height: 2.75em;
  font-size: 16px;
  padding: 0 1em;
  font-weight: bold;
  margin-left: 0;
}

.live-launch__chat.live-launch__chat--overlay .chat-input__container .reaction-button {
  width: 2em;
  height: 100%;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small {
  top: 60%;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content {
  border-radius: 4px;
  display: inline-block;
  padding: 0.5em;
  background: rgba(32, 32, 32, 0.3);
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content .name,
.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content .message,
.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content .activity-text__object {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.377);
  letter-spacing: 0.02em;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content .attachment__actions {
  display: none;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat__messages .chat-message .message__content .message__attachment.message__attachment--poll {
  pointer-events: none;
  color: #fff;
  background-color: transparent;
  padding: 0;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .input-button,
.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input {
  background: transparent;
  color: #333;
  border: 1px solid #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .input-button--shop {
  background-color: #4c8226;
  border-color: #4c8226;
  color: #fff;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input::-webkit-input-placeholder {
  color: #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input::-moz-placeholder {
  color: #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input:-ms-input-placeholder {
  color: #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input::-ms-input-placeholder {
  color: #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-input::placeholder {
  color: #333;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--small .chat-form .chat-reactions-container--open .input-button.input-button--emoji {
  background: transparent;
  border: none;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--med {
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
}

.live-launch__chat.live-launch__chat--overlay.chat-overlay-size--med .chat__messages {
  padding-top: 4em;
}

.live-launch__chat.live-launch__chat--overlay .live-launch__product-bar.swimlane .product-bar__header {
  margin: 0;
  padding-left: 1em;
}

.live-launch__chat.live-launch__chat--overlay .live-launch__product-bar.swimlane .live-launch__product {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
}

.live-launch__chat.live-launch__chat--overlay .live-launch__product-bar.swimlane .product-actions {
  display: none;
}

@media screen and (min-width: 768px) {
  .live-launch__chat .message__content {
    width: 100%;
  }
  .live-launch__chat .chat-reactions-container--open,
  .live-launch__chat .input-button--react {
    font-size: 14px;
  }
  .live-launch__chat .input-button--shop {
    background: #4c8226;
    font-size: 14px;
  }
  .live-launch__chat .chat-input__container .input-button.input-button--circle {
    font-size: 14px;
  }
  .live-launch__chat.confetti {
    background: #fff url("https://storage.googleapis.com/cloud-media.betabrand.com/Gold-Fetti-Alpha.gif");
  }
  .live-launch__chat.henri {
    background: #fff url("/angular/src/images/chat/henri.gif");
  }
}

@media screen and (min-width: 64.0625em) {
  .live-launch__chat .chat__empty {
    padding-top: 0;
  }
  .live-launch__chat .chat__messages .chat-message .user .avatar {
    width: 3em;
    height: 3em;
  }
  .live-launch__chat .chat__messages .chat-message .user .avatar-badge {
    width: 1.25em;
    height: 1.25em;
  }
}

.chat__floating-button {
  box-shadow: 0 2px 5px #cecece;
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 8;
  transition: opacity 150ms ease-out, transform 150ms ease-out;
  transition-delay: 200ms;
  font-size: 0.8em;
  font-weight: bold;
}

.chat__floating-button.animate-cta {
  transform: scale(1.05);
  transition: transform 50ms ease-in-out;
}

.chat__floating-button.floating-button--chat.ng-hide {
  opacity: 0;
  transform: translateY(100%);
}

.chat__floating-button.floating-button--shop.ng-hide {
  opacity: 0;
  transform: translateY(-100%);
}

.chat__floating-button.floating-button--unmute {
  border: 1px solid #333;
  color: #333 !important;
  background-color: transparent !important;
  top: 6em;
}

.chat__floating-button .lozenge {
  min-width: 19px;
  background-color: #ec230c;
  padding: 5px;
  border-radius: 10px;
  top: -9px;
  right: -4px;
  position: absolute;
  font-weight: bold;
  font-size: 0.6rem;
}

@-webkit-keyframes load-chat {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -199% 0%;
  }
}

@keyframes load-chat {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -199% 0%;
  }
}

.chat__takeover {
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background-color: rgba(255, 255, 255, 0.975);
  padding: 1em;
  transition: opacity 200ms linear, transform 200ms ease-in;
}

.chat__takeover.ng-hide {
  transform: translateY(100%);
  opacity: 0;
}

.chat__takeover.has-countdown:after {
  content: '';
  display: block;
  border-top: 3px solid #333;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-animation: countdown 60s linear;
          animation: countdown 60s linear;
  z-index: 7;
}

.chat__takeover .takeover__header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
}

.chat__takeover .takeover__header .header__close-button {
  height: 1.5em;
  width: 1.5em;
  border-radius: 1.5em;
  background-color: #fff;
  text-align: center;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.chat__takeover .takeover__inner {
  margin: auto;
}

.chat__buy-bar.chat__takeover {
  padding: 0;
}

.chat-poll__container.chat__takeover {
  background-color: #e4ef4aec;
}

.chat-poll__container.chat__takeover .chat-poll {
  padding: 0.5em;
  margin: 0 1em;
  background-color: transparent;
  min-width: 20em;
}

.chat-poll__container.chat__takeover .chat-poll__title {
  font-size: 0.9rem;
}

.chat-poll__container.chat__takeover .chat-poll__answers {
  margin-top: 1rem;
}

.chat-poll__container.chat__takeover .chat-poll__answer {
  border: 1px solid #333;
  background-color: #fff;
  margin-top: 0.75rem;
  position: relative;
  border-radius: 50em;
  border: none;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  overflow: hidden;
}

.chat-poll__container.chat__takeover .chat-poll__answer .chat-poll__text {
  height: 100%;
}

.chat-poll__container.chat__takeover .chat-poll__answer .chat-poll__text .chat-poll__answer-title {
  display: flex;
  align-items: center;
}

.chat-poll__container.chat__takeover .chat-poll__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: relative;
  z-index: 9;
  padding: 0.75em 1em 0.75em 1.25em;
  display: flex;
  color: #fff;
  mix-blend-mode: difference;
}

.chat-poll__container.chat__takeover .chat-poll__answer-title {
  font-weight: bold;
  margin-right: auto;
}

.chat-poll__container.chat__takeover .chat-poll__answer-count {
  font-weight: bold;
  line-height: 1rem;
  background-color: #333;
  margin: auto 0;
  color: #fff;
  padding: 0.2rem 5px 0 5px;
  border-radius: 100px;
  height: 1.2rem;
}

.chat-poll__container.chat__takeover .chat-poll__bar {
  background-color: #333;
  transition: width 0.3s ease-in;
  z-index: 7;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
}

@media screen and (min-width: 768px) {
  .chat-poll__container.chat__takeover {
    position: absolute;
  }
  .chat-poll__container.chat__takeover header .betabrand-close {
    top: 1em;
  }
}

.rounded-chat-element {
  background: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border: 2px;
  display: block;
  border-radius: 2em;
  padding: 0 1em;
}

.username-input-container.chat__takeover {
  z-index: 12;
  padding: 0 2em;
}

.username-input-container.chat__takeover .chat-check-in__input {
  background: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border: 2px;
  display: block;
  border-radius: 2em;
  padding: 0 1em;
}

.username-input-container.chat__takeover .chat-check-in__cta {
  background: #fff;
  box-shadow: 0 4px 8px rgba(50, 50, 50, 0.15);
  border: 2px;
  display: block;
  border-radius: 2em;
  padding: 0 1em;
  padding: 0.75em 1em;
  background-color: #4c8226;
  color: #fff;
  width: 100%;
  margin-top: 1.25em;
}

.summer-travel header {
  height: 35em;
}

.summer-travel header .category-header--image {
  background-image: url(/media/landing-pages/summer-travel/header.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1em;
  color: #ffffff;
  height: 100%;
  width: 100%;
  border: 0;
}

.summer-travel .and {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.summer-travel .product-card--inner {
  border: none;
}

.summer-travel .product-card--inner .card-details {
  text-align: left;
  padding: 1em;
}

.summer-travel .product-card--inner .card-details .product-name {
  font-family: "Playfair Display", serif;
}

.summer-travel blockquote {
  border: none;
  color: #68615d;
  padding: 1em;
  font-size: 1.5em;
  background-color: #ffebec;
  margin-right: -1em;
}

.summer-travel blockquote:before {
  font-size: 20vw;
  content: '\201c';
  display: block;
  line-height: 0;
  margin-top: 0.5em;
}

.style-selector-wrapper {
  display: flex;
  flex: 1;
  min-height: 100vh;
  align-items: flex-start;
  background: url(/media/catalog/product/s/t/straight_leg___black_pinstripe_dress_pant_yoga_pants_8_20180312194059.jpg);
  background-size: cover;
  background-position: center;
}

.style-selector-wrapper section {
  background: white;
}

.style-selector-wrapper section ul {
  list-style-type: none;
  margin: 0;
}

.style-selector-wrapper section ul li {
  margin-bottom: 1em;
  text-transform: capitalize;
}

.style-selector-success-message {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.style-selector-success-message::after {
  clear: both;
  content: '';
  display: table;
}

.style-selector-success-message h3 {
  display: none;
}

.style-selector-success-message .alert, .style-selector-success-message .newsletter-signup-mobile .newsletter-signup-mobile__form .discount-code, .newsletter-signup-mobile .newsletter-signup-mobile__form .style-selector-success-message .discount-code, .style-selector-success-message .newsletter-modal--default .discount-code, .newsletter-modal--default .style-selector-success-message .discount-code, .style-selector-success-message .out-of-stock-form {
  padding-bottom: 0;
  margin-top: 2em;
}

.lp--1 {
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

@media screen and (min-width: 0px) {
  .lp--1 {
    top: 6.325em;
  }
}

@media screen and (min-width: 768px) {
  .lp--1 {
    top: 6.325em;
  }
}

@media screen and (min-width: 64.0625em) {
  .lp--1 {
    top: 7.325em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav .lp--1 {
    top: 8.95em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav .lp--1 {
    top: 8.95em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav .lp--1 {
    top: 9.95em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden .lp--1,
  .is-skinny-nav-hidden.two-line-skinny-nav .lp--1 {
    top: 3.75em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden .lp--1,
  .is-skinny-nav-hidden.two-line-skinny-nav .lp--1 {
    top: 3.75em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden .lp--1,
  .is-skinny-nav-hidden.two-line-skinny-nav .lp--1 {
    top: 4.75em;
  }
}

@media screen and (min-width: 0px) {
  .is-bouncex-nanobar-present .lp--1 {
    top: 10.2625em;
  }
}

@media screen and (min-width: 768px) {
  .is-bouncex-nanobar-present .lp--1 {
    top: 10.2625em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-bouncex-nanobar-present .lp--1 {
    top: 11.2625em;
  }
}

@media screen and (min-width: 0px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .lp--1 {
    top: 12.8875em;
  }
}

@media screen and (min-width: 768px) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .lp--1 {
    top: 12.8875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .two-line-skinny-nav.is-bouncex-nanobar-present .lp--1 {
    top: 13.8875em;
  }
}

@media screen and (min-width: 0px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .lp--1,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .lp--1 {
    top: 7.6875em;
  }
}

@media screen and (min-width: 768px) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .lp--1,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .lp--1 {
    top: 7.6875em;
  }
}

@media screen and (min-width: 64.0625em) {
  .is-skinny-nav-hidden.is-bouncex-nanobar-present .lp--1,
  .is-skinny-nav-hidden.is-bouncex-nanobar-present.two-line-skinny-nav .lp--1 {
    top: 8.6875em;
  }
}

.lp--1 .lp--1__main .chat__header {
  padding: 1em 1em 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.lp--1 .lp--1__main .chat__header .betabrand-close {
  font-size: 1.5em;
}

.lp--1 .lp--1__main .product__intro {
  padding: 0 1em;
}

.lp--1 .lp--1__main .product__description {
  margin: 0 1em 1em;
}

.lp--1 .lp--1__main .lp--1__gallery {
  height: 50vh;
  overflow-x: scroll;
  display: flex;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
}

.lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image {
  height: 50vh;
  width: auto;
  scroll-snap-align: center;
  margin-left: 1em;
}

.lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image img {
  height: 100%;
  width: auto;
  max-width: initial;
}

.lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image:first-child {
  margin-left: 0;
}

.lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image:last-child {
  margin-right: 1em;
}

.lp--1 .lp--1__main .product__details {
  padding: 1em 0;
  margin-bottom: 3em;
}

.lp--1 .lp--1__main .select-dropdown {
  max-width: none;
  margin-bottom: 1em;
}

.lp--1 .lp--1__main .select-dropdown .select-dropdown__dropdown {
  max-height: 200px;
}

.lp--1 .lp--1__main .expandedMultiple .select-dropdown .select-dropdown__dropdown {
  max-height: none;
}

.lp--1 .lp--1__main .color-selector__container .h6 .selected-color, .lp--1 .lp--1__main .color-selector__container .product-card .product-price .selected-color, .product-card .lp--1 .lp--1__main .color-selector__container .product-price .selected-color {
  font-weight: normal;
}

.lp--1 .lp--1__main .color-selector__container .color-selector {
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  scroll-padding: 0 0 0 2em;
  margin-bottom: 0.5em;
}

.lp--1 .lp--1__main .color-selector__container .color-selector .button-swatch {
  display: inline-block;
  position: relative;
  scroll-snap-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #edeceb;
  border-radius: 4px;
  margin-top: 0;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  padding: 0;
  height: 5em;
  min-width: 5em;
}

.lp--1 .lp--1__main .color-selector__container .color-selector .button-swatch:first-child {
  margin-left: 1em;
}

.lp--1 .lp--1__main .color-selector__container .color-selector .button-swatch.is-selected:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #333;
  border-radius: 4px;
}

.lp--1 .lp--1__main .style-selector {
  margin: 1em 1em;
}

.lp--1 .lp--1__main .style-selector .button, .lp--1 .lp--1__main .style-selector .poll__answers .list .poll__answer, .poll__answers .list .lp--1 .lp--1__main .style-selector .poll__answer {
  color: #4a4543;
  border: 1px solid #a09995;
  border-radius: 4px;
  padding: 0.5em;
  margin: 0 0.5em 0.5em 0;
  font-size: 1.125em;
}

.lp--1 .lp--1__main .style-selector .button.button-primary, .lp--1 .lp--1__main .style-selector .poll__answers .list .button-primary.poll__answer, .poll__answers .list .lp--1 .lp--1__main .style-selector .button-primary.poll__answer {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.lp--1 .lp--1__main .buybar {
  margin: 0 1em;
}

.lp--1 .lp--1__main .chat-buybar__product-gallery .launch__product {
  pointer-events: none;
}

.lp--1 .lp--1__main .chat__product-thumbnail-wrapper {
  display: inline-block;
  margin-right: 1em;
  max-width: 25%;
}

.lp--1 .lp--1__main .carousel .swiper-container {
  margin: 0;
  padding: 0;
}

.lp--1 .lp--1__main .carousel .carousel-slide {
  height: 25vh;
  text-align: center;
  background-color: #dcdad8;
}

.lp--1 .lp--1__main .carousel .carousel-slide img {
  width: auto;
  height: 100%;
  margin: auto;
}

.lp--1 .lp--1__main .product-sizing-chart .product-sizing__table {
  font-size: 0.8rem;
  border-width: 0px;
  width: 100%;
}

.lp--1 .lp--1__main .product-sizing-chart .product-sizing__table .product-sizing__label--bold {
  text-transform: uppercase;
  font-weight: normal;
  color: black;
}

.lp--1 .lp--1__main .product-sizing-chart .product-sizing__table .column {
  padding: 2px;
}

.lp--1 .lp--1__main .chat__buy-bar__footer {
  display: flex;
  justify-content: center;
}

.lp--1 .lp--1__main .product-name {
  font-size: 1.3rem;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  display: block;
}

.lp--1 .lp--1__main .product-price {
  flex: 1;
  text-align: right;
  min-width: 7em;
  font-size: 1rem;
}

.lp--1 .lp--1__main .reviews {
  margin-top: 1em;
}

.lp--1 .lp--1__main .review-actions {
  display: block;
}

.lp--1 .lp--1__main .lp--1__accordion {
  margin: 1em;
}

.lp--1 .lp--1__additional-info {
  padding: 1rem;
}

.lp--1 .lp--1__additional-info img {
  width: 100%;
}

.lp--1 .lp--1__additional-info .info-group + .info-group {
  margin-top: 3rem;
}

.lp--1 .lp--1__additional-products {
  padding: 1rem;
  background-color: #fcfbfb;
}

.lp--1 .lp--1__additional-products .swimlane__controls {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  margin-left: -0.75rem;
}

.lp--1 .lp--1__additional-products .product-card {
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .lp--1 .lp--1__main {
    display: flex;
    max-width: 90em;
    padding: 2em 0;
    margin: 0 auto;
  }
  .lp--1 .lp--1__main .lp--1__gallery {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 1em;
         column-gap: 1em;
    row-gap: 1em;
    overflow: auto;
    overflow-y: auto;
    flex: 1;
  }
  .lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image {
    background-color: #f4f4f3;
    height: auto;
    margin: auto auto 0;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  .lp--1 .lp--1__main .lp--1__gallery .lp--1__gallery-image img {
    height: auto;
    width: 100%;
  }
  .lp--1 .lp--1__main .product__details {
    width: 30em;
    padding: 0 2em;
  }
  .lp--1 .lp--1__main .lp--1__accordion {
    margin: 1em 1em 0;
  }
  .lp--1 .lp--1__additional-info {
    padding: 0;
    margin-top: 6rem;
  }
  .lp--1 .lp--1__additional-info .info-group {
    display: flex;
    flex-direction: row-reverse;
    background-color: #fcfbfb;
  }
  .lp--1 .lp--1__additional-info .info-group img {
    width: 50%;
  }
  .lp--1 .lp--1__additional-info .info-group .info-group__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    padding: 4rem;
  }
  .lp--1 .lp--1__additional-products {
    margin-top: 3rem;
  }
}

.bolt_modal_active #attentive_overlay {
  visibility: hidden;
}

.modal.recommendation, .recommendation.black-white-modal {
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
}

.modal.recommendation::after, .recommendation.black-white-modal::after {
  clear: both;
  content: '';
  display: table;
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .modal.recommendation, .recommendation.black-white-modal {
    height: 90vh;
    padding: 0;
    text-align: left;
  }
  .modal.recommendation .right-column, .recommendation.black-white-modal .right-column {
    background: rgba(51, 51, 51, 0.7);
    position: absolute;
    margin-top: 60%;
    padding: 1em;
    text-align: center;
    width: 100%;
    color: white;
  }
}

@media screen and (min-width: 64.0625em) {
  .modal.recommendation, .recommendation.black-white-modal {
    width: 50em;
    height: 68em;
  }
  .modal.recommendation .right-column, .recommendation.black-white-modal .right-column {
    float: left;
    display: block;
    margin-right: 3.97156%;
    width: 37.61706%;
    margin-left: 62.38294%;
    margin-top: 25%;
  }
  .modal.recommendation .right-column:last-child, .recommendation.black-white-modal .right-column:last-child {
    margin-right: 0;
  }
}

.section-preview-header {
  display: flex;
  justify-content: center;
  background-color: white;
  border-bottom: 1px solid #dcdad8;
}

.section-preview-header.collapsed .swiper-button-next--section-selector,
.section-preview-header.collapsed .swiper-button-prev--section-selector {
  transform: unset;
}

.section-preview-header .section-preview-header--inner {
  position: relative;
  max-width: 100vw;
  display: inline-block;
}

.section-preview-header .section-preview-header--style {
  display: block;
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 64.0625em) {
  .section-preview-header .section-preview-header--style:hover {
    background-color: #f7f6f6;
  }
  .section-preview-header .section-preview-header--style:hover .section-name {
    color: #333;
    border-bottom: 2px solid #dcdad8;
  }
}

.section-preview-header .section-preview-header--style.selected {
  background-color: #f7f6f6;
}

.section-preview-header .section-preview-header--style.selected .section-name {
  color: #333;
  border-bottom: 2px solid #dcdad8;
}

.section-preview-header .section-preview-header--style.selected {
  background-color: #dcdad8;
}

.section-preview-header .section-preview-header--style.selected ~ .section-preview-header .section-preview-header--style.selected {
  background-color: red;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .section-preview-header .section-preview-item-link {
    display: block;
    text-align: center;
  }
  .section-preview-header .section-preview-item-link.selected {
    background-color: #dcdad8;
  }
  .section-preview-header .section-preview-item-link.selected .section-name {
    color: #333;
    border-bottom: 2px solid #dcdad8;
  }
}

.section-preview-header .section-preview-header--expand {
  padding-top: 0.125em;
  font-size: 1.5em;
  height: 100%;
  width: 100%;
}

.section-preview-header .section-name {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #545454;
  border-bottom: 2px solid #fff;
  display: block;
  margin: 0 auto;
  padding: 0.5em 0;
  transition: border-color 200ms ease-out;
}

.section-preview-header .swiper-slide {
  max-width: 8em;
}

.section-preview-header .section-preview-header--swiper {
  position: relative;
  width: 100%;
}

.section-preview-header .swiper-container {
  padding: 0 !important;
  margin: 0 !important;
}

.section-preview-header .swiper-button-prev--section-selector,
.section-preview-header .swiper-button-next--section-selector,
.section-preview-header .swiper-button-disabled {
  display: none;
}

@media screen and (min-width: 768px) {
  .section-preview-header .section-preview-header--swiper {
    width: auto;
  }
  .section-preview-header .swiper-button-next--section-selector {
    position: absolute;
    top: 50%;
    right: 0;
    color: #333;
    font-family: 'FontAwesome';
    font-size: 4em;
    height: 1em;
    transform: translateY(-50%);
  }
  .section-preview-header .swiper-button-next--section-selector:after {
    content: '\f105';
  }
  .section-preview-header .swiper-button-prev--section-selector {
    position: absolute;
    top: 50%;
    left: 0;
    color: #333;
    font-family: 'FontAwesome';
    font-size: 4em;
    height: 1em;
    transform: translateY(-50%);
  }
  .section-preview-header .swiper-button-prev--section-selector:after {
    content: '\f104';
  }
}

@media screen and (min-width: 64.0625em) {
  .section-preview-header {
    top: 6.75rem;
  }
  .section-preview-header .section-preview-header--inner {
    padding: 5px 2.5em 0;
  }
  .section-preview-header .section-preview-header--expand {
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 0 0.5em;
    width: 2em;
    height: 2em;
  }
}

@media screen and (min-width: 1216px) {
  .section-preview-header .section-preview-header--inner {
    max-width: 90em;
  }
}

.section-preview-header-collapsed-on-init {
  background-color: transparent;
}

.section-preview-header-collapsed-on-init .swiper-slide.sticky-toggle {
  padding-top: 0.25em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .section-preview-header-collapsed-on-init .swiper-slide.sticky-toggle {
    padding-top: 0;
  }
}

.section-preview-header-collapsed-on-init .section-preview-header--expand {
  padding-top: 0;
}

.section-preview-header-collapsed-on-init .section-preview-toggle-icon {
  padding-top: 0.25em;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .section-preview-header-collapsed-on-init .section-preview-header--inner {
    max-width: calc(90em - 2em);
    display: flex;
    padding: 0 0 1em;
    width: 97%;
  }
  .section-preview-header-collapsed-on-init .section-name {
    padding: 0;
    border: 0;
  }
  .section-preview-header-collapsed-on-init .section-preview-header--swiper {
    width: 100%;
  }
  .section-preview-header-collapsed-on-init .section-preview-header--expand {
    position: unset;
    padding: initial;
    width: 2em;
    display: flex;
    justify-content: center;
    height: auto;
    font-size: 2em;
    padding-top: 0.375em;
  }
  .section-preview-header-collapsed-on-init .swiper-container {
    max-width: calc(90em - 2em - 2em);
  }
  .section-preview-header-collapsed-on-init .swiper-slide {
    max-width: 18.75%;
  }
  .section-preview-header-collapsed-on-init .swiper-slide.sticky-toggle {
    max-width: 4em;
  }
  .section-preview-header-collapsed-on-init .section-preview-item-link .select-section-button {
    width: 100%;
    padding: 1em;
    background-color: #fff;
    border: 1px solid black;
  }
  .section-preview-header-collapsed-on-init .swiper--no-thumbnails .swiper-container {
    max-width: calc(90em - 2em);
  }
}

.not-found {
  padding: 0 1em;
}

.not-found .not-found__search {
  max-width: 45em;
}

.size-request-modal .modal, .size-request-modal .black-white-modal {
  min-height: 40vh;
}

.size-request-modal .modal .select-dropdown__dropdown, .size-request-modal .black-white-modal .select-dropdown__dropdown {
  max-height: 20vh;
}

.size-request-modal .modal form, .size-request-modal .black-white-modal form {
  text-align: left;
}

.size-request-modal .modal .field-container, .size-request-modal .black-white-modal .field-container {
  margin-bottom: 1em;
}

.size-request-modal .modal .select-dropdown, .size-request-modal .black-white-modal .select-dropdown {
  max-width: none;
}

.size-request-modal .modal input, .size-request-modal .black-white-modal input {
  border: 1px solid black;
  border-radius: 0;
  background-color: white;
  padding: 1em;
}

.size-request-modal .modal .field-container-buttons, .size-request-modal .black-white-modal .field-container-buttons {
  margin-top: 2em;
}

.size-request-modal .modal .error-message, .size-request-modal .black-white-modal .error-message {
  word-break: break-word;
}

.show-when-in-viewport {
  opacity: 0;
  transform: scale(0.98);
  transition: all 0.04s ease-in-out 0.2s;
}

.show-when-in-viewport.no-delay {
  transition: all 0.04s ease-in-out;
}

.show-when-in-viewport.in-viewport-detected {
  opacity: 1;
  transform: scale(1);
}

.animGroupStaggered,
.anim-group-staggered,
.homepage__product-swimlane .swiper-container .swiper-slide,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide,
.homepage__quote-swimlane .swiper-container .swiper-slide {
  opacity: 0;
  transition-property: all;
  transition-timing-function: ease-in-out;
}

.animGroupStaggered .anim1, .animGroupStaggered:first-child,
.anim-group-staggered .anim1,
.homepage__product-swimlane .swiper-container .swiper-slide .anim1,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim1,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim1,
.anim-group-staggered:first-child,
.homepage__product-swimlane .swiper-container .swiper-slide:first-child,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:first-child,
.homepage__quote-swimlane .swiper-container .swiper-slide:first-child {
  transition-delay: 0.1s;
  transition-duration: 0.3s;
}

.animGroupStaggered .anim2, .animGroupStaggered:nth-child(2),
.anim-group-staggered .anim2,
.homepage__product-swimlane .swiper-container .swiper-slide .anim2,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim2,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim2,
.anim-group-staggered:nth-child(2),
.homepage__product-swimlane .swiper-container .swiper-slide:nth-child(2),
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:nth-child(2),
.homepage__quote-swimlane .swiper-container .swiper-slide:nth-child(2) {
  transition-delay: 0.35s;
  transition-duration: 0.5s;
}

.animGroupStaggered .anim3, .animGroupStaggered:nth-child(3),
.anim-group-staggered .anim3,
.homepage__product-swimlane .swiper-container .swiper-slide .anim3,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim3,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim3,
.anim-group-staggered:nth-child(3),
.homepage__product-swimlane .swiper-container .swiper-slide:nth-child(3),
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:nth-child(3),
.homepage__quote-swimlane .swiper-container .swiper-slide:nth-child(3) {
  transition-delay: 0.55s;
  transition-duration: 0.8s;
}

.animGroupStaggered .anim4, .animGroupStaggered:nth-child(4),
.anim-group-staggered .anim4,
.homepage__product-swimlane .swiper-container .swiper-slide .anim4,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim4,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim4,
.anim-group-staggered:nth-child(4),
.homepage__product-swimlane .swiper-container .swiper-slide:nth-child(4),
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:nth-child(4),
.homepage__quote-swimlane .swiper-container .swiper-slide:nth-child(4) {
  transition-delay: 0.8s;
  transition-duration: 1s;
}

.animGroupStaggered .anim5, .animGroupStaggered:nth-child(5),
.anim-group-staggered .anim5,
.homepage__product-swimlane .swiper-container .swiper-slide .anim5,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim5,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim5,
.anim-group-staggered:nth-child(5),
.homepage__product-swimlane .swiper-container .swiper-slide:nth-child(5),
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:nth-child(5),
.homepage__quote-swimlane .swiper-container .swiper-slide:nth-child(5) {
  transition-delay: 1s;
  transition-duration: 1.3s;
}

.animGroupStaggered .anim6, .animGroupStaggered:nth-child(n + 6),
.anim-group-staggered .anim6,
.homepage__product-swimlane .swiper-container .swiper-slide .anim6,
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide .anim6,
.homepage__quote-swimlane .swiper-container .swiper-slide .anim6,
.anim-group-staggered:nth-child(n + 6),
.homepage__product-swimlane .swiper-container .swiper-slide:nth-child(n + 6),
.homepage__category-swimlane.swimlane .swiper-container .swiper-slide:nth-child(n + 6),
.homepage__quote-swimlane .swiper-container .swiper-slide:nth-child(n + 6) {
  transition-delay: 1.2s;
  transition-duration: 1.5s;
}

.in-viewport-detected .animGroupStaggered, .in-viewport-detected .anim-group-staggered, .in-viewport-detected .homepage__product-swimlane .swiper-container .swiper-slide, .homepage__product-swimlane .swiper-container .in-viewport-detected .swiper-slide, .in-viewport-detected .homepage__category-swimlane.swimlane .swiper-container .swiper-slide, .homepage__category-swimlane.swimlane .swiper-container .in-viewport-detected .swiper-slide, .in-viewport-detected .homepage__quote-swimlane .swiper-container .swiper-slide, .homepage__quote-swimlane .swiper-container .in-viewport-detected .swiper-slide {
  opacity: 1;
  transform: scale(1);
}

.anim-slow {
  transition-delay: 0.4s;
  transition-duration: 3.2s;
  opacity: 0;
}

.in-viewport-detected .anim-slow {
  opacity: 1;
}

.copy-text-block {
  border: 1px solid #a09995;
}

.copy-text-block .copy-text-block-label {
  display: block;
}

.copy-text-block .copy-text-block-url {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.copy-text-block .hidden-input {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .copy-text-block .copy-button {
    position: absolute;
    right: 3em;
  }
}

@media screen and (min-width: 768px) {
  .copy-text-block .copy-button {
    position: absolute;
    right: 4em;
  }
}

@media screen and (min-width: 64.0625em) {
  .copy-text-block .copy-button {
    position: absolute;
    right: 6em;
  }
}

.countdown {
  display: inline-flex;
  align-items: center;
}

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

.countdown .countdown__time .countdown__time__header {
  margin-bottom: 0;
}

.countdown .countdown__time .time-text {
  font-weight: 300;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.75em;
}

.countdown .countdown__time .time-text .time-text__labels {
  font-size: 0.5em;
}

.countdown .countdown__time .time-text .time-text__seperator {
  margin: 0 0.125em;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .countdown .countdown__time .time-text {
    font-size: 1.625em;
  }
}

.bffs-onboarding-slides-container {
  max-width: 40em;
}

.bffs-onboarding-slides-container.swimlane .single-slide .swiper-pagination {
  margin: 0;
}

.bffs-onboarding-slides-container.swimlane .single-slide .swiper-pagination-bullets {
  display: none;
}

.bffs-onboarding-slides-container .swiper-container {
  max-width: 40em;
}

.bffs-onboarding-slides-container .swiper-container-horizontal > .swiper-pagination-bullets {
  position: absolute;
  margin: 0;
}

.bffs-onboarding-slides-container .swiper-container {
  width: 100%;
}

.bffs-onboarding-slides-container .swiper-slide {
  height: auto;
  max-width: none;
  width: 100% !important;
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide {
  background-color: white;
  padding: 2em;
  border: 1px solid #333;
  border-bottom: 0;
  height: 100%;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs-onboarding-slides-container .swiper-slide .onboarding-slide {
    padding: 1em;
  }
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide .betabrand-close {
  position: absolute;
  right: 0.75em;
  top: 1em;
  font-size: 2em;
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide .slide__title {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  line-height: 1.2;
  overflow: visible;
  max-width: 80%;
  margin: 1em auto;
  text-transform: initial;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs-onboarding-slides-container .swiper-slide .onboarding-slide .slide__text {
    padding: 0;
    margin-bottom: 0.5em;
  }
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide.bffs--join-modal .error {
  color: #ec230c;
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide.bffs--join-modal ul {
  margin: auto;
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide.bffs--join-modal ul li {
  list-style: none;
  display: inline-block;
  border: 1px solid #e8e7e6;
  border-radius: 50%;
  font-size: 2em;
  text-align: center;
  width: 2em;
  height: 2em;
  margin: 0.1em;
  padding: 0.25em;
}

.bffs-onboarding-slides-container .swiper-slide .onboarding-slide.bffs--join-modal ul li.selected {
  border: 2px solid #333;
}

.bffs-onboarding-slides-container .status-container {
  background-color: white;
  border: 1px solid #333;
  border-top: 0;
}

.bffs-onboarding-slides-container .status-container.has-countdown:before {
  content: '';
  display: block;
  border-top: 2px solid #333;
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  -webkit-animation: countdown 15s linear;
          animation: countdown 15s linear;
}

.bffs-onboarding-slides-container .status-container .status-text {
  background-color: #e4ef4a;
  padding: 2em;
  font-weight: bold;
  border-top: 1px solid #333;
  color: #333;
  margin-bottom: 0;
}

.bffs-info-button {
  position: fixed;
  bottom: 6.25em;
  left: 0;
  margin-left: 0.5em;
}

.bffs-info-button .info-icon {
  position: relative;
  top: 1.5em;
  right: 0.25em;
  font-size: 0.75em;
  background-color: #333;
  color: white;
  padding: 0.6em 0.75em;
  border-radius: 100%;
}

.bffs-info-button .button-content {
  background-color: #e4ef4a;
  border-radius: 1em;
  padding: 1em;
  max-width: 3em;
  text-align: center;
}

.bffs-info-button .button-content .timer .countdown {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  font-weight: bold;
  margin-bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs-info-button .button-content .timer .countdown {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin-bottom: 1.3333333333333333em;
    margin-bottom: 0;
  }
}

.bffs-info-button .button-content .flash-sale {
  margin-bottom: 0;
}

.bffs-info-button .button-content .flash-sale .flash-sale-label {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.bffs-info-button .button-content .flash-sale .locked-icon,
.bffs-info-button .button-content .flash-sale .unlocked-icon {
  font-size: 1.25em;
}

.bffs-info-button .button-content.counting-down {
  max-width: 10em;
}

.bffs-info-button .button-content.status-message {
  max-width: 10em;
}

.bffs-info-button .button-content.status-message .timer .countdown {
  font-weight: initial;
}

.bffs {
  position: relative;
}

.bffs .bffs-text {
  position: absolute;
  background-color: white;
  z-index: 1;
  box-shadow: 1px 1px 5px 1px #a09995;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
  .bffs {
    min-height: 140vh;
  }
}

@media screen and (min-width: 321px) and (max-width: 767px) {
  .bffs {
    min-height: 100vh;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs {
    padding: 0;
  }
  .bffs .bffs-image {
    width: 100%;
    overflow: hidden;
    height: 40vh;
  }
  .bffs .bffs-image img {
    margin-top: -80px;
  }
  .bffs .bffs-text {
    left: 1em;
    width: auto;
    right: 1em;
    top: 35vh;
    padding: 2em;
  }
  .bffs .bffs-text .bffs-heading {
    font-size: 1.75em;
  }
  .bffs .bffs-text .bffs-subheading {
    font-size: 1em;
  }
  .bffs .bffs-text .bffs-instruction-list li {
    margin-bottom: 1em;
    font-size: 1em;
  }
}

@media screen and (min-width: 768px) {
  .bffs .bffs-image {
    overflow: hidden;
  }
  .bffs .bffs-image img {
    margin-left: -25%;
    width: 100%;
  }
  .bffs .bffs-text {
    top: 20vh;
    padding: 2em;
    left: 50%;
    right: 2em;
    width: auto;
  }
  .bffs .bffs-text .bffs-heading {
    font-size: 2.125em;
  }
  .bffs .bffs-text .bffs-instruction-list li {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 64.0625em) {
  .bffs .bffs-image img {
    margin-left: -8%;
    width: auto;
  }
  .bffs .bffs-text {
    right: 2em;
    padding: 3em;
    width: auto;
  }
}

@media screen and (min-width: 1216px) {
  .bffs .bffs-image img {
    margin-left: 0;
  }
  .bffs .bffs-text {
    padding: 4em;
    width: 40%;
  }
}

.bffs-countdown-numbers .countdown .countdown__time .time-text {
  font-size: inherit;
}

.bffs-countdown-numbers .countdown-ended {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

.bffs--success-modal .body div {
  margin: 1em;
}

.bffs--success-modal .body .bffs-copy-input-container {
  margin: 0;
}

.bffs--skinny-nav .inline {
  display: inline;
}

.bffs-onboarding-container {
  position: fixed;
  top: 8em;
  left: 0.25em;
  z-index: 10000;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs-onboarding-container {
    position: fixed;
    top: initial;
    bottom: 0;
    right: 0;
    left: 0;
  }
}

.bffs--overlay {
  z-index: 38;
}

.bffs--overlay .bffs-info-button-container {
  margin-bottom: 1em;
}

.bffs--overlay .bffs__avatar {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0.5em;
  transition: all 0.2s;
}

.bffs--overlay .bffs__avatar.active {
  z-index: 41;
}

.bffs--overlay .bffs__avatar .avatar .avatar__initial.symbol {
  font-size: 1.5rem;
}

.bffs--overlay .bffs__avatar-control {
  background: #e8e7e6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  margin-bottom: 1em;
}

.bffs--overlay .bffs__avatar-shadow {
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}

.bffs--overlay .bffs__avatar-menu {
  z-index: 40;
}

.bffs--overlay .container {
  width: 0;
  margin-bottom: 0.5em;
}

.bffs--overlay .container.wide-container {
  width: auto;
}

.bffs--overlay.quitMessageMenu .chat-avatar .avatar .symbol {
  font-size: 1em;
  font-family: sans-serif;
  color: #333;
}

.bffs--overlay .messageContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-bottom: 0.5em;
  background: #e4ef4a;
  color: #333;
  border-radius: 1em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  height: 4.6875em;
  width: auto;
  margin-left: 2.5em;
  z-index: 39;
  transition: transform 0.3s ease-in-out;
  transform: scaleX(0);
  transform-origin: left;
}

.bffs--overlay .messageContainer.reveal {
  margin-left: 1.25em;
  transform: scaleX(1);
  padding-left: 4.5em;
  padding-right: 1em;
}

.bffs--overlay .messageContainer .message {
  white-space: nowrap;
}

.bffs--overlay .messageContainer .message .thumbnail {
  width: 3.125em;
  height: 3.125em;
}

.bffs--overlay .messageContainer.quitMessage {
  height: auto;
  overflow: visible;
  padding: 1em 2em;
  width: 25em;
  max-width: 25em;
}

.bffs--overlay .messageContainer.quitMessage .message {
  white-space: normal;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs--overlay .messageContainer .message {
    white-space: normal;
  }
  .bffs--overlay .messageContainer .message .activity-text {
    font-size: 80%;
    max-height: 3rem;
  }
}

.bffs--overlay .messageContainer .chat-avatar {
  position: absolute;
}

.bffs--overlay .messageContainer .chat-avatar .avatar {
  z-index: 10;
  border: 3px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bffs--overlay .messageContainer .chat-avatar .avatar .symbol {
  font-size: 2em;
}

.bffs--join-modal .modal, .bffs--join-modal .black-white-modal {
  width: auto;
  max-width: 35em;
}

.bffs--join-modal .error {
  color: #ec230c;
}

.bffs--join-modal li {
  list-style: none;
  display: inline-block;
  border: 1px solid #e8e7e6;
  border-radius: 50%;
  font-size: 2em;
  text-align: center;
  width: 2em;
  height: 2em;
  margin: 0.1em;
  padding: 0.25em;
}

.bffs--join-modal li.selected {
  border: 2px solid #333;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .bffs--join-modal .modal .modal__title, .bffs--join-modal .black-white-modal .modal__title {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
    width: 75%;
    margin: 1em auto;
  }
  .bffs--join-modal .modal li, .bffs--join-modal .black-white-modal li {
    font-size: 1.5em;
  }
}

.sp--chat-modal .modal, .sp--chat-modal .black-white-modal {
  height: 90vh;
  width: 100vw;
  max-height: 50em;
  max-width: 60em;
}

.sp--chat-modal .error {
  color: #ec230c;
}

.home-live-event {
  min-height: 100vh;
}

.home-live-event .current-event-container {
  padding: 0 4rem;
}

.home-live-event .current-event-container .live-event-preview-chat-card {
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .home-live-event .current-event-container .live-event-preview-chat-card {
    border: none;
    margin: 0;
    padding: 1rem 0.5rem;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .event-page__description {
    height: 100%;
    max-height: 100%;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .event__featured-products .product-bar__header {
    justify-content: flex-end;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .event__featured-products .product-bar__header .swimlane__controls {
    margin-left: 0;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .event__featured-products .header__text {
    display: none;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .live-launch__chat .chat__header {
    padding: 1em 1em 0;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .live-launch__chat .chat__header .chat-header__title {
    display: block;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .live-launch__chat .chat__header .chat-header__users {
    position: relative;
    bottom: 0.25em;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .home-live-event .current-event-container .live-event-preview-chat-card {
    padding: 1rem 1rem 0 0;
    border-bottom: 1px solid #edeceb;
  }
  .home-live-event .current-event-container .live-event-preview-chat-card .le__event-page .event-page__description {
    right: 1em;
  }
}

.home-live-event .upcoming-events,
.home-live-event .past-events {
  padding: 2rem 4rem;
  min-height: 10em;
}

.home-live-event .upcoming-events .le-swimlane,
.home-live-event .past-events .le-swimlane {
  margin: 0 auto;
  max-width: 84.375em;
}

.home-live-event .upcoming-events .le-swimlane .le-swimlane__heading,
.home-live-event .past-events .le-swimlane .le-swimlane__heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-right: 0;
}

.home-live-event .upcoming-events .le-swimlane .le-swimlane__heading .le-swimlane__heading__header,
.home-live-event .past-events .le-swimlane .le-swimlane__heading .le-swimlane__heading__header {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  margin-bottom: 1.3333333333333333em;
}

.home-live-event .past-events {
  margin-bottom: 4rem;
}

.home-live-event .past-events .le-swimlane .le-swimlane__heading {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .home-live-event .current-event-container {
    background-color: #edeceb;
  }
}

@media screen and (min-width: 0px) and (max-width: 76em) {
  .home-live-event .current-event-container {
    padding: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 64.0625em) {
  .home-live-event .upcoming-events,
  .home-live-event .past-events {
    padding-left: 2rem;
    padding-right: 2em;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .home-live-event .upcoming-events,
  .home-live-event .past-events {
    padding-left: 1rem;
    padding-right: 1em;
  }
}

.upcoming-shows.swimlane .swiper-slide {
  height: auto;
}

.upcoming-shows.swimlane .swiper-slide .live-event__card {
  height: 100%;
}

.upcoming-drops .show-submission-card {
  width: 80%;
}

.shopstream__container {
  width: 100%;
  position: relative;
}

.shopstream__container .shopstream__close {
  z-index: 80;
  position: absolute;
  top: 1em;
  left: 1em;
  height: 1.5em;
  width: 1.5em;
  border-radius: 1.5em;
  background-color: #fff;
  text-align: center;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.shopstream__container .shopstream__close .betabrand-close {
  margin: auto;
}

.shopstream__container .shopstream {
  height: auto;
  padding: 1em;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  position: relative;
}

.shopstream__container .shopstream .shopstream__inner {
  position: relative;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card {
  scroll-snap-align: center;
  width: 100%;
  height: 80vh;
  max-height: 80vh;
  max-width: 500px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  margin: auto;
  background-color: #fff;
  transition: background-color 200ms ease-in;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card__media {
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .shop-stream-title {
  position: absolute;
  top: 1em;
  left: 0;
  right: 0;
  height: 1em;
  text-align: center;
  z-index: 1;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .shop-stream-title h2 {
  display: inline-block;
  background-color: #fff;
  padding: 0.25em 1em;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: bold;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
  left: 1em;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 2;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card-counts__up {
  width: 3em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 0.5em;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action {
  height: 4em;
  width: 4em;
  padding: 0;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
  color: #333;
  position: relative;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action i {
  font-size: 1.4em;
  font-weight: bold;
  color: #4c8226;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote {
  background-color: rgba(255, 255, 255, 0.95);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote i {
  color: #4c8226;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote.vote-button--selected {
  background-color: #4c8226;
  border-color: #4c8226;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote.vote-button--selected i {
  color: #fff;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote.vote-button--not-selected {
  background-color: rgba(255, 255, 255, 0.95);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--up-vote.vote-button--not-selected i {
  color: #4c8226;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote {
  background-color: rgba(255, 255, 255, 0.8);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote i {
  color: #cd3b6b;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote.vote-button--selected {
  background-color: #cd3b6b;
  border-color: #cd3b6b;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote.vote-button--selected i {
  color: #fff;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote.vote-button--not-selected {
  background-color: rgba(255, 255, 255, 0.8);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--down-vote.vote-button--not-selected i {
  color: #cd3b6b;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--secondary {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action.button-action--secondary i {
  font-size: 1.2rem;
  color: #807873;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .button-action__count {
  width: 3em;
  text-align: center;
  font-size: 0.8rem;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .card__button-action + .card__button-action {
  margin-top: 0.5em;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .live-launch__product {
  margin-top: 2em;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  text-align: left;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-controls .live-launch__product .cta-button-container {
  margin-right: 0.5em;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-meta-data {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 4em;
  text-align: left;
  font-size: 1rem;
  z-index: 1;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .card-meta-data .card-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js .vjs-tech {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js .vjs-poster {
  background-size: cover;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js .vjs-big-play-button {
  width: 2em;
  height: 2em;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  position: static;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js.vjs-playing .vjs-big-play-button {
  opacity: 0;
  transition-duration: 200ms;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card .video-js .vjs-control-bar {
  display: none;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card + .shopstream__card {
  margin-top: 1em;
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card.isDark .card-meta-data {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card.shopstream__card--product .card-meta-data {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card.shopstream__card--product:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  top: 50%;
  background: linear-gradient(13deg, #000000ba 0%, rgba(0, 0, 0, 0) 60%);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card.shopstream__card--submission .card__media {
  height: auto;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 90%;
  transform: translate(-50%, -50%);
}

.shopstream__container .shopstream .shopstream__inner .shopstream__card.shopstream__card--unload .card__media {
  display: none;
}

.shopstream__container .shopstream .shopstream__inner .load-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160vh;
  z-index: -1;
  pointer-events: none;
}

.shopstream__container .shopstream .chat__buy-bar {
  max-width: 40em;
  text-align: left !important;
}

.shopstream__container .chat__buy-bar {
  max-width: 40em;
  text-align: left !important;
}

.shopstream__container.isInline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.shopstream__container.isInline .toggle-fullscreen-hitbox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.shopstream__container.isInline .shopstream {
  width: 100%;
  height: auto;
  background-color: transparent;
}

.shopstream__container.isInline .shopstream .shopstream__card {
  display: none;
}

.shopstream__container.isInline .shopstream .shopstream__card:first-child {
  display: block;
}

.shopstream__container.isInline .shopstream .card-controls__shop-button {
  display: none;
}

.shopstream__container.isFullscreen .toggle-fullscreen-hitbox {
  display: none;
}

.shopstream__container.isFullscreen .shopstream__close {
  position: fixed;
}

.shopstream__container.isFullscreen .shopstream {
  z-index: 69;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  max-height: none;
}

.shopstream__container.isFullscreen .shopstream .shopstream__card .card-counts__up {
  opacity: 0;
  transform: translateX(25px);
  transition-delay: 100ms;
  transition: opacity 150ms ease-out, transform 150ms ease-out;
}

.shopstream__container.isFullscreen .shopstream .shopstream__card .card__button-action {
  opacity: 0;
  transform: translateX(25px);
  transition: opacity 150ms ease-out, transform 150ms ease-out;
}

.shopstream__container.isFullscreen .shopstream .shopstream__card.shopstream__card--active .card-counts__up {
  opacity: 1;
  transform: translateX(0);
}

.shopstream__container.isFullscreen .shopstream .shopstream__card.shopstream__card--active .card__button-action {
  opacity: 1;
  transform: translateX(0);
}

.shopstream__container.isFullscreen .shopstream .shopstream__card.shopstream__card--active .card__button-action:nth-child(1) {
  transition-delay: 100ms;
}

.shopstream__container.isFullscreen .shopstream .shopstream__card.shopstream__card--active .card__button-action:nth-child(2) {
  transition-delay: 200ms;
}

.shopstream__container.isFullscreen .shopstream .shopstream__card.shopstream__card--active .card__button-action:nth-child(3) {
  transition-delay: 300ms;
}

.shopstream__container .chat__takeover {
  z-index: 80;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .shopstream__container.isInline {
    position: relative;
    flex: 50%;
  }
  .shopstream__container.isInline .shopstream {
    overflow: auto;
    padding: 0;
  }
  .shopstream__container.isInline .shopstream .shopstream__inner {
    display: flex;
  }
  .shopstream__container.isInline .shopstream .shopstream__card {
    width: 20em;
    height: 36em;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.12);
  }
  .shopstream__container.isInline .shopstream .shopstream__card:first-child {
    display: block;
  }
  .shopstream__container.isInline .shopstream .shopstream__card:nth-child(2) {
    margin-top: 0;
    margin-left: 1em;
    display: block;
  }
  .shopstream__container.isFullscreen .shopstream {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

.shopstream__page .shopstream__intro {
  text-align: center;
  margin-top: 2em;
}

.shopstream__page .shopstream__intro .h2, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro .h3, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .shopstream__page .shopstream__intro h3, .shopstream__page .shopstream__intro #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro h3, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .shopstream__page .shopstream__intro .out-of-stock__modal--label, .shopstream__page .shopstream__intro .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro .out-of-stock__modal--label {
  font-family: "Playfair Display", serif;
  margin-bottom: 0;
}

.shopstream__page .shopstream__intro .lead {
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .shopstream__page {
    margin-top: 2em;
    background-color: #f7f6f6;
    display: flex;
    width: 100%;
    height: 40em;
  }
  .shopstream__page .shopstream__intro {
    flex: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    margin-left: 2em;
    margin-bottom: 2em;
  }
  .shopstream__page .shopstream__intro .h2, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) .h3, .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro .h3, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) #story h3, .referrals-form:not(.referrals-modal__referral-form) #story .shopstream__page .shopstream__intro h3, .shopstream__page .shopstream__intro #story .referrals-form:not(.referrals-modal__referral-form) h3, #story .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro h3, .shopstream__page .shopstream__intro .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .out-of-stock__modal--label, .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal .out-of-stock-form .shopstream__page .shopstream__intro .out-of-stock__modal--label, .shopstream__page .shopstream__intro .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .out-of-stock__modal--label, .out-of-stock__modal .out-of-stock-form .referrals-form:not(.referrals-modal__referral-form) .shopstream__page .shopstream__intro .out-of-stock__modal--label {
    font-family: "Playfair Display", serif;
    font-size: 5em;
  }
  .shopstream__page .shopstream__intro .shopstream__cta {
    max-width: 50%;
  }
}

@media screen and (min-width: 64.0625em) {
  .shop-party-modal {
    min-width: 36em;
  }
}

@media screen and (min-width: 64.0625em) {
  .shop-party-link-modal {
    min-width: 45em;
  }
}
/*# sourceMappingURL=styles.css.map */