@charset "UTF-8";
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0870EA;
  --color-green: #64ED73;
  --color-primary: #00a1e0;
  --color-red: #FF595E;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #88D9FE;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: 'Dosis';
  --skin-body-font: var(--font-family-sans-serif); }

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-black: #000;
  --color-white: #fff;
  --color-blue: #0870EA;
  --color-green: #64ED73;
  --color-orange: #FDC127;
  --color-red: #FF595E;
  --color-violet: #D481FC;
  --color-ltblue: #88D9FE;
  --color-light-blue: #88D9FE;
  --color-light-green: #64ED73;
  --color-dark-input: rgba(255, 255, 255, 0.3);
  --color-dark-input-placeholder: rgba(255, 255, 255, 0.5);
  --color-dark-button-color: rgba(255, 255, 255, 0.6);
  --color-grey400: #CCD1D6;
  --color-grey300: #DEDFDF;
  --color-grey200: #F5F5F5;
  --color-grey100: #FBFBFD;
  --color-success: #51D294;
  --color-warning: #FDC127;
  --color-danger: #FF595E;
  --color-primary: #000;
  --color-primary-invert: #0870EA;
  --color-secondary: #fff;
  --color-secondary-invert: #000;
  --color-accent: #0870EA;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey12: #f3f3f3;
  --color-grey13: #B1AFAC;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-gray-table-row: var(--color-grey12);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: #e6e6e6;
  --color-fade-black: rgba(0, 0, 0, 0.2);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  --util-input-box-shadow: 0 6px 6px -6px rgb(119 119 119);
  --util-input-box-shadow-error: 0 6px 6px -6px #c00;
  --util-btn-focus: 0 0 0 0.2rem rgb(0 0 0 / 25%);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-primary);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-primary);
  --skin-menu-color-1-invert: var(--color-primary-invert);
  --skin-menu-color-2: var(--color-white);
  --skin-link-color-1: var(--color-primary);
  --skin-link-color-2: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-secondary-color-invert: var(--color-primary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-secondary);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: Neue Haas Grotesk Text Round, sans-serif;
  --skin-body-font: Neue Haas Grotesk Text Round, sans-serif;
  --skin-promo-color: var(--color-orange);
  --skin-bg-accent: var(--color-accent);
  --skin-bg-dark: var(--color-primary);
  --skin-bg-light: var(--color-secondary); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-black: #000;
  --color-grey: #f4f4f4;
  --color-dark-grey: #979797;
  --color-dark-gray: #979797;
  --color-green: #6FFB38;
  --color-white: #fff;
  --color-purple: #9B88C2;
  --color-yellow: #F4D771;
  --color-light-yellow: #FFF6DF;
  --color-teal: #49BFBF;
  --color-blue: #ACE8FA;
  --color-pink: #F8CBD4;
  --color-red: #AB2117;
  --color-gold: #FFCC58;
  --color-dark-input: rgba(255, 255, 255, 0.3);
  --color-dark-input-placeholder: rgba(255, 255, 255, 0.5);
  --color-dark-button-color: rgba(255, 255, 255, 0.6);
  --color-grey400: #CCD1D6;
  --color-grey300: #DEDFDF;
  --color-grey200: #F5F5F5;
  --color-grey100: #FBFBFD;
  --color-success: #6FFB38;
  --color-warning: #FFCC58;
  --color-danger: #AB2117;
  --color-primary: #000;
  --color-primary-invert: #6FFB38;
  --color-secondary: #fff;
  --color-secondary-invert: #000;
  --color-accent: #6FFB38;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey12: #f3f3f3;
  --color-grey13: #B1AFAC;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-darker-gray: var(--color-grey7);
  --color-gray-table-row: var(--color-grey12);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: #e6e6e6;
  --color-fade-black: rgba(0, 0, 0, 0.2);
  --util-box-shadow: 0 0 7px 0 rgb(119 119 119 / 50%);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  --util-input-box-shadow: 0 6px 6px -6px rgb(119 119 119);
  --util-input-box-shadow-error: 0 6px 6px -6px #c00;
  --util-btn-focus: 0 0 0 0.2rem rgb(0 0 0 / 25%);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-white);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color-1: var(--color-primary);
  --skin-main-text-color-2: var(--color-grey7);
  --skin-menu-color-1: var(--color-primary);
  --skin-menu-color-1-invert: var(--color-primary-invert);
  --skin-menu-color-2: var(--color-black);
  --skin-link-color-1: var(--color-primary);
  --skin-link-color-2: var(--color-accent);
  --skin-primary-color: var(--color-primary);
  --skin-primary-color-invert: var(--color-accent);
  --skin-secondary-color: var(--color-secondary);
  --skin-secondary-color-invert: var(--color-primary);
  --skin-accent-color: var(--color-accent);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: var(--color-secondary);
  --skin-banner-background-color-2: var(--color-secondary);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-secondary);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: SuisseIntl-Regular, sans-serif;
  --skin-body-font: SuisseIntl-Regular, sans-serif;
  --skin-promo-color: var(--color-orange);
  --skin-bg-accent: var(--color-accent);
  --skin-bg-dark: var(--color-primary);
  --skin-bg-light: var(--color-secondary); }

:root {
  --blue: #ACE8FA;
  --indigo: #6610f2;
  --purple: #9B88C2;
  --pink: #F8CBD4;
  --red: #AB2117;
  --orange: #FDC127;
  --yellow: #F4D771;
  --green: #6FFB38;
  --teal: #49BFBF;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #000;
  --secondary: #fff;
  --success: #6FFB38;
  --info: #17a2b8;
  --warning: #FFCC58;
  --danger: #AB2117;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 544px;
  --breakpoint-md: 769px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1440px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #979797;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #717171;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

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

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #ccc; }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.1875rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

code {
  font-size: 87.5%;
  color: #F8CBD4;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.1875rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container, .promo.banner .text.overlay {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 1200px) {
    .container, .promo.banner .text.overlay {
      max-width: 1470px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 544px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 769px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    order: -1; }
  .order-xxl-last {
    order: 13; }
  .order-xxl-0 {
    order: 0; }
  .order-xxl-1 {
    order: 1; }
  .order-xxl-2 {
    order: 2; }
  .order-xxl-3 {
    order: 3; }
  .order-xxl-4 {
    order: 4; }
  .order-xxl-5 {
    order: 5; }
  .order-xxl-6 {
    order: 6; }
  .order-xxl-7 {
    order: 7; }
  .order-xxl-8 {
    order: 8; }
  .order-xxl-9 {
    order: 9; }
  .order-xxl-10 {
    order: 10; }
  .order-xxl-11 {
    order: 11; }
  .order-xxl-12 {
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #ccc; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ccc; }
  .table tbody + tbody {
    border-top: 2px solid #ccc; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #ccc; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ccc; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8b8b8; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7a7a7a; }

.table-hover .table-primary:hover {
  background-color: #ababab; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #ababab; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: white; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: white; }

.table-hover .table-secondary:hover {
  background-color: #f2f2f2; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #f2f2f2; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d7fec7; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #b4fd98; }

.table-hover .table-success:hover {
  background-color: #c5feae; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #c5feae; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fff1d0; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffe4a8; }

.table-hover .table-warning:hover {
  background-color: #ffe9b7; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe9b7; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #e7c1be; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #d38c86; }

.table-hover .table-danger:hover {
  background-color: #e0afab; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #e0afab; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ccc; }

.table-dark {
  color: #fff;
  background-color: #343a40; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 543.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 768.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

@media (max-width: 1439.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xxl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #404040;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

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

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #6FFB38; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212529;
  background-color: rgba(111, 251, 56, 0.9);
  border-radius: 0.1875rem; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #6FFB38;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236FFB38' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #6FFB38;
    box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #6FFB38;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236FFB38' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #6FFB38;
    box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.25); }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #6FFB38; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #6FFB38; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #6FFB38; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #93fc6a;
  background-color: #93fc6a; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #6FFB38; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #6FFB38; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #6FFB38;
  box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #AB2117; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(171, 33, 23, 0.9);
  border-radius: 0.1875rem; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #AB2117;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23AB2117' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23AB2117' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #AB2117;
    box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #AB2117;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23AB2117' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23AB2117' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #AB2117;
    box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #AB2117; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #AB2117; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #AB2117; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #d82a1d;
  background-color: #d82a1d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #AB2117; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #AB2117; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #AB2117;
  box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 544px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -moz-user-select: none;
       user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000; }
  .btn-primary:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #000;
    border-color: #000; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); }

.btn-secondary {
  color: #212529;
  background-color: #fff;
  border-color: #fff; }
  .btn-secondary:hover {
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }

.btn-success {
  color: #212529;
  background-color: #6FFB38;
  border-color: #6FFB38; }
  .btn-success:hover {
    color: #212529;
    background-color: #54fa13;
    border-color: #4bfa06; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(99, 219, 54, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #212529;
    background-color: #6FFB38;
    border-color: #6FFB38; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #212529;
    background-color: #4bfa06;
    border-color: #47ee05; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(99, 219, 54, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #FFCC58;
  border-color: #FFCC58; }
  .btn-warning:hover {
    color: #212529;
    background-color: #ffc032;
    border-color: #ffbc25; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 179, 81, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #FFCC58;
    border-color: #FFCC58; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffbc25;
    border-color: #ffb918; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 179, 81, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #AB2117;
  border-color: #AB2117; }
  .btn-danger:hover {
    color: #fff;
    background-color: #891a12;
    border-color: #7e1811; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 66, 58, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #AB2117;
    border-color: #AB2117; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #7e1811;
    border-color: #73160f; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(184, 66, 58, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #000;
  border-color: #000; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #000;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }

.btn-outline-secondary {
  color: #fff;
  border-color: #fff; }
  .btn-outline-secondary:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #fff;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

.btn-outline-success {
  color: #6FFB38;
  border-color: #6FFB38; }
  .btn-outline-success:hover {
    color: #212529;
    background-color: #6FFB38;
    border-color: #6FFB38; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #6FFB38;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #212529;
    background-color: #6FFB38;
    border-color: #6FFB38; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #FFCC58;
  border-color: #FFCC58; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #FFCC58;
    border-color: #FFCC58; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 204, 88, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #FFCC58;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #FFCC58;
    border-color: #FFCC58; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 204, 88, 0.5); }

.btn-outline-danger {
  color: #AB2117;
  border-color: #AB2117; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #AB2117;
    border-color: #AB2117; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #AB2117;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #AB2117;
    border-color: #AB2117; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.5); }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.btn-link {
  font-weight: 400;
  color: #979797;
  text-decoration: none; }
  .btn-link:hover {
    color: #717171;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    box-shadow: none; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.1875rem; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 544px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 769px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

@media (min-width: 1440px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #000; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000;
    background-color: #000; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #404040; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #595959;
    border-color: #595959; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.1875rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #000;
  background-color: #000; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 0, 0, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem;
  -moz-appearance: none;
       appearance: none; }
  .custom-select:focus {
    border-color: #404040;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #404040;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.1875rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.1875rem 0.1875rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -moz-appearance: none;
       appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #000;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #595959; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #000;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
         appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #595959; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #000;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #595959; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 0 solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: 0; }
  .nav-tabs .nav-link {
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.1875rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #000; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container, .promo.banner .navbar > .text.overlay,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.1875rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 543.98px) {
  .navbar-expand-sm > .container, .promo.banner .navbar-expand-sm > .text.overlay,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 544px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container, .promo.banner .navbar-expand-sm > .text.overlay,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 768.98px) {
  .navbar-expand-md > .container, .promo.banner .navbar-expand-md > .text.overlay,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 769px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container, .promo.banner .navbar-expand-md > .text.overlay,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .promo.banner .navbar-expand-lg > .text.overlay,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container, .promo.banner .navbar-expand-lg > .text.overlay,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .promo.banner .navbar-expand-xl > .text.overlay,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container, .promo.banner .navbar-expand-xl > .text.overlay,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

@media (max-width: 1439.98px) {
  .navbar-expand-xxl > .container, .promo.banner .navbar-expand-xxl > .text.overlay,
  .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1440px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xxl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xxl > .container, .promo.banner .navbar-expand-xxl > .text.overlay,
    .navbar-expand-xxl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xxl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container, .promo.banner .navbar-expand > .text.overlay,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container, .promo.banner .navbar-expand > .text.overlay,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.1875rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.1875rem - 1px) calc(0.1875rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.1875rem - 1px) calc(0.1875rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.1875rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.1875rem - 1px);
  border-bottom-left-radius: calc(0.1875rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 544px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 544px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 544px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card .card-header {
    margin-bottom: -1px; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.1875rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.1875rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #979797;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #717171;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #000;
  border-color: #000; }

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #000; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: black; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }

.badge-secondary {
  color: #212529;
  background-color: #fff; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #212529;
    background-color: #e6e6e6; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

.badge-success {
  color: #212529;
  background-color: #6FFB38; }
  a.badge-success:hover, a.badge-success:focus {
    color: #212529;
    background-color: #4bfa06; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(111, 251, 56, 0.5); }

.badge-info {
  color: #fff;
  background-color: #17a2b8; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.badge-warning {
  color: #212529;
  background-color: #FFCC58; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #ffbc25; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 204, 88, 0.5); }

.badge-danger {
  color: #fff;
  background-color: #AB2117; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #7e1811; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(171, 33, 23, 0.5); }

.badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

.badge-dark {
  color: #fff;
  background-color: #343a40; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.1875rem; }
  @media (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.1875rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: black;
  background-color: #cccccc;
  border-color: #b8b8b8; }
  .alert-primary hr {
    border-top-color: #ababab; }
  .alert-primary .alert-link {
    color: black; }

.alert-secondary {
  color: #858585;
  background-color: white;
  border-color: white; }
  .alert-secondary hr {
    border-top-color: #f2f2f2; }
  .alert-secondary .alert-link {
    color: #6c6c6c; }

.alert-success {
  color: #3a831d;
  background-color: #e2fed7;
  border-color: #d7fec7; }
  .alert-success hr {
    border-top-color: #c5feae; }
  .alert-success .alert-link {
    color: #285914; }

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .alert-info hr {
    border-top-color: #abdde5; }
  .alert-info .alert-link {
    color: #062c33; }

.alert-warning {
  color: #856a2e;
  background-color: #fff5de;
  border-color: #fff1d0; }
  .alert-warning hr {
    border-top-color: #ffe9b7; }
  .alert-warning .alert-link {
    color: #5f4c21; }

.alert-danger {
  color: #59110c;
  background-color: #eed3d1;
  border-color: #e7c1be; }
  .alert-danger hr {
    border-top-color: #e0afab; }
  .alert-danger .alert-link {
    color: #2c0806; }

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .alert-light hr {
    border-top-color: #ececf6; }
  .alert-light .alert-link {
    color: #686868; }

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-dark hr {
    border-top-color: #b9bbbe; }
  .alert-dark .alert-link {
    color: #040505; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.1875rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }

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

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.1875rem;
      border-bottom-left-radius: 0.1875rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.1875rem;
      border-bottom-right-radius: 0.1875rem;
      border-bottom-left-radius: 0; }

@media (min-width: 544px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 769px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1440px) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
    .list-group-horizontal-xxl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xxl .list-group-item:first-child {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xxl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: black;
  background-color: #b8b8b8; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: black;
    background-color: #ababab; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: black;
    border-color: black; }

.list-group-item-secondary {
  color: #858585;
  background-color: white; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #858585;
    background-color: #f2f2f2; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #858585;
    border-color: #858585; }

.list-group-item-success {
  color: #3a831d;
  background-color: #d7fec7; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #3a831d;
    background-color: #c5feae; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #3a831d;
    border-color: #3a831d; }

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.list-group-item-warning {
  color: #856a2e;
  background-color: #fff1d0; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856a2e;
    background-color: #ffe9b7; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856a2e;
    border-color: #856a2e; }

.list-group-item-danger {
  color: #59110c;
  background-color: #e7c1be; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #59110c;
    background-color: #e0afab; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #59110c;
    border-color: #59110c; }

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #000;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -moz-appearance: none;
       appearance: none; }

a.close.disabled {
  pointer-events: none; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 544px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.1875rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.1875rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.1875rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.1875rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.1875rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #000 !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: black !important; }

.bg-secondary {
  background-color: #fff !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #e6e6e6 !important; }

.bg-success {
  background-color: #6FFB38 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #4bfa06 !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #FFCC58 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ffbc25 !important; }

.bg-danger {
  background-color: #AB2117 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #7e1811 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important; }

.bg-dark {
  background-color: #343a40 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #000 !important; }

.border-secondary {
  border-color: #fff !important; }

.border-success {
  border-color: #6FFB38 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #FFCC58 !important; }

.border-danger {
  border-color: #AB2117 !important; }

.border-light {
  border-color: #f8f9fa !important; }

.border-dark {
  border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.1875rem !important; }

.rounded {
  border-radius: 0.1875rem !important; }

.rounded-top {
  border-top-left-radius: 0.1875rem !important;
  border-top-right-radius: 0.1875rem !important; }

.rounded-right {
  border-top-right-radius: 0.1875rem !important;
  border-bottom-right-radius: 0.1875rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-left {
  border-top-left-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important; }

.rounded-lg {
  border-radius: 0.1875rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 544px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 769px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1440px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

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

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

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

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

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

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

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

.justify-content-around {
  justify-content: space-around !important; }

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

.align-items-end {
  align-items: flex-end !important; }

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

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

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 769px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

@media (min-width: 1440px) {
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; } }

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

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

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

@media (min-width: 544px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 769px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

@media (min-width: 1440px) {
  .float-xxl-left {
    float: left !important; }
  .float-xxl-right {
    float: right !important; }
  .float-xxl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

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

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

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

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

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

.pt-0,
.py-0 {
  padding-top: 0 !important; }

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

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

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 544px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 769px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: 0 !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important; }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important; }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important; }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important; }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important; }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important; }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important; }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important; }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important; }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important; }
  .m-xxl-5 {
    margin: 3rem !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important; }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important; }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important; }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important; }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important; }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important; }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important; }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important; }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important; }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important; }
  .p-xxl-5 {
    padding: 3rem !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important; }
  .m-xxl-n1 {
    margin: -0.25rem !important; }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important; }
  .m-xxl-n2 {
    margin: -0.5rem !important; }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important; }
  .m-xxl-n3 {
    margin: -1rem !important; }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important; }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important; }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important; }
  .m-xxl-n4 {
    margin: -1.5rem !important; }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important; }
  .m-xxl-n5 {
    margin: -3rem !important; }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important; }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important; }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

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

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

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

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

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

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

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 769px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important; }
  .text-xxl-right {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

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

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #000 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: black !important; }

.text-secondary {
  color: #fff !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #d9d9d9 !important; }

.text-success {
  color: #6FFB38 !important; }

a.text-success:hover, a.text-success:focus {
  color: #43e205 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #FFCC58 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ffb50c !important; }

.text-danger {
  color: #AB2117 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #68140e !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container, .promo.banner .text.overlay {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #ccc; }
  .table .thead-dark th {
    color: inherit;
    border-color: #ccc; } }

.carousel .icon-prev,
.carousel .icon-next {
  background-color: #fff;
  font-size: 1.875em;
  height: 3rem;
  padding-top: 0.24em;
  width: 3rem; }
  .carousel .icon-prev::before,
  .carousel .icon-next::before {
    color: black;
    font-family: 'FontAwesome'; }

.carousel .icon-prev::before {
  content: '\F104'; }

.carousel .icon-next::before {
  content: '\F105'; }

.carousel .carousel-control-prev {
  justify-content: flex-start; }

.carousel .carousel-control-next {
  justify-content: flex-end; }

.nav-tabs {
  border-bottom: 1px solid #ccc; }
  .nav-tabs .nav-link {
    font-size: 1.1rem;
    color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.active {
      border-bottom: 0.188em solid var(--skin-primary-color-1); }

.card {
  margin-bottom: 1em; }

.card-header h4 {
  margin-bottom: 0; }

.modal .modal-body {
  flex: 0 0 auto; }

dt {
  color: #495057;
  font-weight: normal; }

.custom-checkbox .custom-control-label::before {
  border: 1px solid black;
  background: #f9f9f9;
  /* For browsers that do not support gradients */
  background: linear-gradient(#f9f9f9, #ccc);
  /* Standard syntax */ }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-label::before {
  border: 1px solid black;
  background: #ccc;
  /* For browsers that do not support gradients */
  background: linear-gradient(#ccc, #666);
  /* Standard syntax */ }

.form-control.is-invalid {
  background-image: none; }

.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.875rem; }

input::-moz-placeholder {
  color: var(--color-grey3); }

input::placeholder {
  color: var(--color-grey3); }

.form-control {
  border-radius: 0; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--color-white);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-1); }

.custom-checkbox .custom-control-label::before {
  border: 1px solid #ccc;
  background: transparent; }

.custom-radio .custom-control-label::before {
  border: 1px solid #ccc;
  background: transparent; }

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

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

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left; }
  .pull-right-sm {
    float: right; } }

@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left; }
  .pull-right-md {
    float: right; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left; }
  .pull-right-lg {
    float: right; } }

@media (min-width: 1200px) and (max-width: 1439.98px) {
  .pull-left-xl {
    float: left; }
  .pull-right-xl {
    float: right; } }

@media (min-width: 1440px) {
  .pull-left-xxl {
    float: left; }
  .pull-right-xxl {
    float: right; } }

@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important; } }

@media (max-width: 1439.98px) {
  .hidden-xl-down {
    display: none !important; } }

.hidden-xxl-down {
  display: none !important; }

.row.equal-height > [class^="col"] {
  display: flex; }

/*!
 *  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("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../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 {
  animation: fa-spin 2s infinite linear; }

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

@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 {
  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: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

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

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

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

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

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

.fa-th:before {
  content: "\F00A"; }

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

.fa-check:before {
  content: "\F00C"; }

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

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

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

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

.fa-signal:before {
  content: "\F012"; }

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

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

.fa-home:before {
  content: "\F015"; }

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

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

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

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

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

.fa-inbox:before {
  content: "\F01C"; }

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

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

.fa-refresh:before {
  content: "\F021"; }

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

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

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

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

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

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

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

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

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

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

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

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

.fa-list:before {
  content: "\F03A"; }

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

.fa-indent:before {
  content: "\F03C"; }

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

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

.fa-pencil:before {
  content: "\F040"; }

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

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

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

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

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

.fa-arrows:before {
  content: "\F047"; }

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

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

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

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

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

.fa-eject:before {
  content: "\F052"; }

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: "\F05B"; }

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

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

.fa-ban:before {
  content: "\F05E"; }

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

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

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

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

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

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

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

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

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

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

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

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

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

.fa-retweet:before {
  content: "\F079"; }

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

.fa-folder:before {
  content: "\F07B"; }

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

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

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

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

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

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

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

.fa-key:before {
  content: "\F084"; }

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

.fa-comments:before {
  content: "\F086"; }

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: "\F091"; }

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

.fa-upload:before {
  content: "\F093"; }

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

.fa-phone:before {
  content: "\F095"; }

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

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

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

.fa-twitter:before {
  content: "\F099"; }

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

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

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

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

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

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

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

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

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

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

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

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

.fa-paperclip:before {
  content: "\F0C6"; }

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

.fa-square:before {
  content: "\F0C8"; }

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

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

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

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

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

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

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

.fa-money:before {
  content: "\F0D6"; }

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

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

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

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

.fa-columns:before {
  content: "\F0DB"; }

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

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

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

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

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

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

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

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

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

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

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

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

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

.fa-exchange:before {
  content: "\F0EC"; }

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

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

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

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

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

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

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

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

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

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

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

.fa-beer:before {
  content: "\F0FC"; }

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

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

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

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

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

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: "\F11B"; }

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

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

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

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

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

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

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

.fa-crop:before {
  content: "\F125"; }

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

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

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

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

.fa-microphone:before {
  content: "\F130"; }

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

.fa-shield:before {
  content: "\F132"; }

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

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

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

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

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

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

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

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

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

.fa-bullseye:before {
  content: "\F140"; }

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

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

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

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

.fa-ticket:before {
  content: "\F145"; }

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: "\F14E"; }

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

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

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

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

.fa-gbp:before {
  content: "\F154"; }

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

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

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

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

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

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

.fa-file:before {
  content: "\F15B"; }

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

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

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

.fa-dropbox:before {
  content: "\F16B"; }

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

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

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

.fa-tumblr:before {
  content: "\F173"; }

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

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

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

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

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

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

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

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

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

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

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

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

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

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

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

.fa-wheelchair:before {
  content: "\F193"; }

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

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

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

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

.fa-slack:before {
  content: "\F198"; }

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

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

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

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

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

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

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

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

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

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

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

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

.fa-steam:before {
  content: "\F1B6"; }

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

.fa-recycle:before {
  content: "\F1B8"; }

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

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

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

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

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

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

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

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

.fa-git:before {
  content: "\F1D3"; }

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

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

.fa-qq:before {
  content: "\F1D6"; }

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

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

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

.fa-history:before {
  content: "\F1DA"; }

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

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

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

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

.fa-bomb:before {
  content: "\F1E2"; }

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

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

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

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

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

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

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

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

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

.fa-lastfm:before {
  content: "\F202"; }

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

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

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

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

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

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

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

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

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

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

.fa-motorcycle:before {
  content: "\F21C"; }

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

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

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

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

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

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

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

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

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

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

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

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

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

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

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

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

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

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

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

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

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

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

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

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

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

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

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

.fa-i-cursor:before {
  content: "\F246"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-sticky-note-o:before {
  content: "\F24A"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-hourglass-o:before {
  content: "\F250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256"; }

.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa-hand-spock-o:before {
  content: "\F259"; }

.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-tv:before,
.fa-television:before {
  content: "\F26C"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-500px:before {
  content: "\F26E"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa-calendar-times-o:before {
  content: "\F273"; }

.fa-calendar-check-o:before {
  content: "\F274"; }

.fa-industry:before {
  content: "\F275"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-map-o:before {
  content: "\F278"; }

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

.fa-commenting-o:before {
  content: "\F27B"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-edge:before {
  content: "\F282"; }

.fa-credit-card-alt:before {
  content: "\F283"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-usb:before {
  content: "\F287"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-pause-circle-o:before {
  content: "\F28C"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stop-circle-o:before {
  content: "\F28E"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-wheelchair-alt:before {
  content: "\F29B"; }

.fa-question-circle-o:before {
  content: "\F29C"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-handshake-o:before {
  content: "\F2B5"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-o:before {
  content: "\F2B7"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-book-o:before {
  content: "\F2BA"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-user-o:before {
  content: "\F2C0"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-eercast:before {
  content: "\F2DA"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-meetup:before {
  content: "\F2E0"; }

.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; }

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em; }
  .flag-icon:before {
    content: '\A0'; }
  .flag-icon.flag-icon-squared {
    width: 1em; }

.flag-icon-ad {
  background-image: url(../fonts/flags//4x3/ad.svg); }
  .flag-icon-ad.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../fonts/flags//4x3/ae.svg); }
  .flag-icon-ae.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../fonts/flags//4x3/af.svg); }
  .flag-icon-af.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../fonts/flags//4x3/ag.svg); }
  .flag-icon-ag.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../fonts/flags//4x3/ai.svg); }
  .flag-icon-ai.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../fonts/flags//4x3/al.svg); }
  .flag-icon-al.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/al.svg); }

.flag-icon-am {
  background-image: url(../fonts/flags//4x3/am.svg); }
  .flag-icon-am.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../fonts/flags//4x3/ao.svg); }
  .flag-icon-ao.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../fonts/flags//4x3/aq.svg); }
  .flag-icon-aq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../fonts/flags//4x3/ar.svg); }
  .flag-icon-ar.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../fonts/flags//4x3/as.svg); }
  .flag-icon-as.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/as.svg); }

.flag-icon-at {
  background-image: url(../fonts/flags//4x3/at.svg); }
  .flag-icon-at.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/at.svg); }

.flag-icon-au {
  background-image: url(../fonts/flags//4x3/au.svg); }
  .flag-icon-au.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../fonts/flags//4x3/aw.svg); }
  .flag-icon-aw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../fonts/flags//4x3/ax.svg); }
  .flag-icon-ax.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../fonts/flags//4x3/az.svg); }
  .flag-icon-az.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../fonts/flags//4x3/ba.svg); }
  .flag-icon-ba.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../fonts/flags//4x3/bb.svg); }
  .flag-icon-bb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../fonts/flags//4x3/bd.svg); }
  .flag-icon-bd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../fonts/flags//4x3/be.svg); }
  .flag-icon-be.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../fonts/flags//4x3/bf.svg); }
  .flag-icon-bf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../fonts/flags//4x3/bg.svg); }
  .flag-icon-bg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../fonts/flags//4x3/bh.svg); }
  .flag-icon-bh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../fonts/flags//4x3/bi.svg); }
  .flag-icon-bi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../fonts/flags//4x3/bj.svg); }
  .flag-icon-bj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../fonts/flags//4x3/bl.svg); }
  .flag-icon-bl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../fonts/flags//4x3/bm.svg); }
  .flag-icon-bm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../fonts/flags//4x3/bn.svg); }
  .flag-icon-bn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../fonts/flags//4x3/bo.svg); }
  .flag-icon-bo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../fonts/flags//4x3/bq.svg); }
  .flag-icon-bq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../fonts/flags//4x3/br.svg); }
  .flag-icon-br.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../fonts/flags//4x3/bs.svg); }
  .flag-icon-bs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../fonts/flags//4x3/bt.svg); }
  .flag-icon-bt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../fonts/flags//4x3/bv.svg); }
  .flag-icon-bv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../fonts/flags//4x3/bw.svg); }
  .flag-icon-bw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../fonts/flags//4x3/by.svg); }
  .flag-icon-by.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../fonts/flags//4x3/bz.svg); }
  .flag-icon-bz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../fonts/flags//4x3/ca.svg); }
  .flag-icon-ca.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../fonts/flags//4x3/cc.svg); }
  .flag-icon-cc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../fonts/flags//4x3/cd.svg); }
  .flag-icon-cd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../fonts/flags//4x3/cf.svg); }
  .flag-icon-cf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../fonts/flags//4x3/cg.svg); }
  .flag-icon-cg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../fonts/flags//4x3/ch.svg); }
  .flag-icon-ch.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../fonts/flags//4x3/ci.svg); }
  .flag-icon-ci.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../fonts/flags//4x3/ck.svg); }
  .flag-icon-ck.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../fonts/flags//4x3/cl.svg); }
  .flag-icon-cl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../fonts/flags//4x3/cm.svg); }
  .flag-icon-cm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../fonts/flags//4x3/cn.svg); }
  .flag-icon-cn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../fonts/flags//4x3/co.svg); }
  .flag-icon-co.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../fonts/flags//4x3/cr.svg); }
  .flag-icon-cr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../fonts/flags//4x3/cu.svg); }
  .flag-icon-cu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../fonts/flags//4x3/cv.svg); }
  .flag-icon-cv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../fonts/flags//4x3/cw.svg); }
  .flag-icon-cw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../fonts/flags//4x3/cx.svg); }
  .flag-icon-cx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../fonts/flags//4x3/cy.svg); }
  .flag-icon-cy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../fonts/flags//4x3/cz.svg); }
  .flag-icon-cz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../fonts/flags//4x3/de.svg); }
  .flag-icon-de.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../fonts/flags//4x3/dj.svg); }
  .flag-icon-dj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../fonts/flags//4x3/dk.svg); }
  .flag-icon-dk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../fonts/flags//4x3/dm.svg); }
  .flag-icon-dm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../fonts/flags//4x3/do.svg); }
  .flag-icon-do.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../fonts/flags//4x3/dz.svg); }
  .flag-icon-dz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../fonts/flags//4x3/ec.svg); }
  .flag-icon-ec.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../fonts/flags//4x3/ee.svg); }
  .flag-icon-ee.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../fonts/flags//4x3/eg.svg); }
  .flag-icon-eg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../fonts/flags//4x3/eh.svg); }
  .flag-icon-eh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../fonts/flags//4x3/er.svg); }
  .flag-icon-er.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/er.svg); }

.flag-icon-es {
  background-image: url(../fonts/flags//4x3/es.svg); }
  .flag-icon-es.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es.svg); }

.flag-icon-et {
  background-image: url(../fonts/flags//4x3/et.svg); }
  .flag-icon-et.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../fonts/flags//4x3/fi.svg); }
  .flag-icon-fi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../fonts/flags//4x3/fj.svg); }
  .flag-icon-fj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../fonts/flags//4x3/fk.svg); }
  .flag-icon-fk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../fonts/flags//4x3/fm.svg); }
  .flag-icon-fm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../fonts/flags//4x3/fo.svg); }
  .flag-icon-fo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../fonts/flags//4x3/fr.svg); }
  .flag-icon-fr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../fonts/flags//4x3/ga.svg); }
  .flag-icon-ga.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../fonts/flags//4x3/gb.svg); }
  .flag-icon-gb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../fonts/flags//4x3/gd.svg); }
  .flag-icon-gd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../fonts/flags//4x3/ge.svg); }
  .flag-icon-ge.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../fonts/flags//4x3/gf.svg); }
  .flag-icon-gf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../fonts/flags//4x3/gg.svg); }
  .flag-icon-gg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../fonts/flags//4x3/gh.svg); }
  .flag-icon-gh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../fonts/flags//4x3/gi.svg); }
  .flag-icon-gi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../fonts/flags//4x3/gl.svg); }
  .flag-icon-gl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../fonts/flags//4x3/gm.svg); }
  .flag-icon-gm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../fonts/flags//4x3/gn.svg); }
  .flag-icon-gn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../fonts/flags//4x3/gp.svg); }
  .flag-icon-gp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../fonts/flags//4x3/gq.svg); }
  .flag-icon-gq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../fonts/flags//4x3/gr.svg); }
  .flag-icon-gr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../fonts/flags//4x3/gs.svg); }
  .flag-icon-gs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../fonts/flags//4x3/gt.svg); }
  .flag-icon-gt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../fonts/flags//4x3/gu.svg); }
  .flag-icon-gu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../fonts/flags//4x3/gw.svg); }
  .flag-icon-gw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../fonts/flags//4x3/gy.svg); }
  .flag-icon-gy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../fonts/flags//4x3/hk.svg); }
  .flag-icon-hk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../fonts/flags//4x3/hm.svg); }
  .flag-icon-hm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../fonts/flags//4x3/hn.svg); }
  .flag-icon-hn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../fonts/flags//4x3/hr.svg); }
  .flag-icon-hr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../fonts/flags//4x3/ht.svg); }
  .flag-icon-ht.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../fonts/flags//4x3/hu.svg); }
  .flag-icon-hu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../fonts/flags//4x3/id.svg); }
  .flag-icon-id.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../fonts/flags//4x3/ie.svg); }
  .flag-icon-ie.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../fonts/flags//4x3/il.svg); }
  .flag-icon-il.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/il.svg); }

.flag-icon-im {
  background-image: url(../fonts/flags//4x3/im.svg); }
  .flag-icon-im.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/im.svg); }

.flag-icon-in {
  background-image: url(../fonts/flags//4x3/in.svg); }
  .flag-icon-in.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/in.svg); }

.flag-icon-io {
  background-image: url(../fonts/flags//4x3/io.svg); }
  .flag-icon-io.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../fonts/flags//4x3/iq.svg); }
  .flag-icon-iq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../fonts/flags//4x3/ir.svg); }
  .flag-icon-ir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../fonts/flags//4x3/is.svg); }
  .flag-icon-is.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/is.svg); }

.flag-icon-it {
  background-image: url(../fonts/flags//4x3/it.svg); }
  .flag-icon-it.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/it.svg); }

.flag-icon-je {
  background-image: url(../fonts/flags//4x3/je.svg); }
  .flag-icon-je.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../fonts/flags//4x3/jm.svg); }
  .flag-icon-jm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../fonts/flags//4x3/jo.svg); }
  .flag-icon-jo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../fonts/flags//4x3/jp.svg); }
  .flag-icon-jp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../fonts/flags//4x3/ke.svg); }
  .flag-icon-ke.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../fonts/flags//4x3/kg.svg); }
  .flag-icon-kg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../fonts/flags//4x3/kh.svg); }
  .flag-icon-kh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../fonts/flags//4x3/ki.svg); }
  .flag-icon-ki.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../fonts/flags//4x3/km.svg); }
  .flag-icon-km.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../fonts/flags//4x3/kn.svg); }
  .flag-icon-kn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../fonts/flags//4x3/kp.svg); }
  .flag-icon-kp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../fonts/flags//4x3/kr.svg); }
  .flag-icon-kr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../fonts/flags//4x3/kw.svg); }
  .flag-icon-kw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../fonts/flags//4x3/ky.svg); }
  .flag-icon-ky.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../fonts/flags//4x3/kz.svg); }
  .flag-icon-kz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../fonts/flags//4x3/la.svg); }
  .flag-icon-la.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../fonts/flags//4x3/lb.svg); }
  .flag-icon-lb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../fonts/flags//4x3/lc.svg); }
  .flag-icon-lc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../fonts/flags//4x3/li.svg); }
  .flag-icon-li.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../fonts/flags//4x3/lk.svg); }
  .flag-icon-lk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../fonts/flags//4x3/lr.svg); }
  .flag-icon-lr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../fonts/flags//4x3/ls.svg); }
  .flag-icon-ls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../fonts/flags//4x3/lt.svg); }
  .flag-icon-lt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../fonts/flags//4x3/lu.svg); }
  .flag-icon-lu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../fonts/flags//4x3/lv.svg); }
  .flag-icon-lv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../fonts/flags//4x3/ly.svg); }
  .flag-icon-ly.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../fonts/flags//4x3/ma.svg); }
  .flag-icon-ma.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../fonts/flags//4x3/mc.svg); }
  .flag-icon-mc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../fonts/flags//4x3/md.svg); }
  .flag-icon-md.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/md.svg); }

.flag-icon-me {
  background-image: url(../fonts/flags//4x3/me.svg); }
  .flag-icon-me.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../fonts/flags//4x3/mf.svg); }
  .flag-icon-mf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../fonts/flags//4x3/mg.svg); }
  .flag-icon-mg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../fonts/flags//4x3/mh.svg); }
  .flag-icon-mh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../fonts/flags//4x3/mk.svg); }
  .flag-icon-mk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../fonts/flags//4x3/ml.svg); }
  .flag-icon-ml.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../fonts/flags//4x3/mm.svg); }
  .flag-icon-mm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../fonts/flags//4x3/mn.svg); }
  .flag-icon-mn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../fonts/flags//4x3/mo.svg); }
  .flag-icon-mo.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../fonts/flags//4x3/mp.svg); }
  .flag-icon-mp.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../fonts/flags//4x3/mq.svg); }
  .flag-icon-mq.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../fonts/flags//4x3/mr.svg); }
  .flag-icon-mr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../fonts/flags//4x3/ms.svg); }
  .flag-icon-ms.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../fonts/flags//4x3/mt.svg); }
  .flag-icon-mt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../fonts/flags//4x3/mu.svg); }
  .flag-icon-mu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../fonts/flags//4x3/mv.svg); }
  .flag-icon-mv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../fonts/flags//4x3/mw.svg); }
  .flag-icon-mw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../fonts/flags//4x3/mx.svg); }
  .flag-icon-mx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../fonts/flags//4x3/my.svg); }
  .flag-icon-my.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../fonts/flags//4x3/mz.svg); }
  .flag-icon-mz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../fonts/flags//4x3/na.svg); }
  .flag-icon-na.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../fonts/flags//4x3/nc.svg); }
  .flag-icon-nc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../fonts/flags//4x3/ne.svg); }
  .flag-icon-ne.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../fonts/flags//4x3/nf.svg); }
  .flag-icon-nf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../fonts/flags//4x3/ng.svg); }
  .flag-icon-ng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../fonts/flags//4x3/ni.svg); }
  .flag-icon-ni.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../fonts/flags//4x3/nl.svg); }
  .flag-icon-nl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../fonts/flags//4x3/no.svg); }
  .flag-icon-no.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/no.svg); }

.flag-icon-np {
  background-image: url(../fonts/flags//4x3/np.svg); }
  .flag-icon-np.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../fonts/flags//4x3/nr.svg); }
  .flag-icon-nr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../fonts/flags//4x3/nu.svg); }
  .flag-icon-nu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../fonts/flags//4x3/nz.svg); }
  .flag-icon-nz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../fonts/flags//4x3/om.svg); }
  .flag-icon-om.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../fonts/flags//4x3/pa.svg); }
  .flag-icon-pa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../fonts/flags//4x3/pe.svg); }
  .flag-icon-pe.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../fonts/flags//4x3/pf.svg); }
  .flag-icon-pf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../fonts/flags//4x3/pg.svg); }
  .flag-icon-pg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../fonts/flags//4x3/ph.svg); }
  .flag-icon-ph.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../fonts/flags//4x3/pk.svg); }
  .flag-icon-pk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../fonts/flags//4x3/pl.svg); }
  .flag-icon-pl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../fonts/flags//4x3/pm.svg); }
  .flag-icon-pm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../fonts/flags//4x3/pn.svg); }
  .flag-icon-pn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../fonts/flags//4x3/pr.svg); }
  .flag-icon-pr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../fonts/flags//4x3/ps.svg); }
  .flag-icon-ps.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../fonts/flags//4x3/pt.svg); }
  .flag-icon-pt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../fonts/flags//4x3/pw.svg); }
  .flag-icon-pw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../fonts/flags//4x3/py.svg); }
  .flag-icon-py.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../fonts/flags//4x3/qa.svg); }
  .flag-icon-qa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../fonts/flags//4x3/re.svg); }
  .flag-icon-re.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../fonts/flags//4x3/ro.svg); }
  .flag-icon-ro.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../fonts/flags//4x3/rs.svg); }
  .flag-icon-rs.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../fonts/flags//4x3/ru.svg); }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../fonts/flags//4x3/rw.svg); }
  .flag-icon-rw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../fonts/flags//4x3/sa.svg); }
  .flag-icon-sa.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../fonts/flags//4x3/sb.svg); }
  .flag-icon-sb.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../fonts/flags//4x3/sc.svg); }
  .flag-icon-sc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../fonts/flags//4x3/sd.svg); }
  .flag-icon-sd.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../fonts/flags//4x3/se.svg); }
  .flag-icon-se.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../fonts/flags//4x3/sg.svg); }
  .flag-icon-sg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../fonts/flags//4x3/sh.svg); }
  .flag-icon-sh.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../fonts/flags//4x3/si.svg); }
  .flag-icon-si.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../fonts/flags//4x3/sj.svg); }
  .flag-icon-sj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../fonts/flags//4x3/sk.svg); }
  .flag-icon-sk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../fonts/flags//4x3/sl.svg); }
  .flag-icon-sl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../fonts/flags//4x3/sm.svg); }
  .flag-icon-sm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../fonts/flags//4x3/sn.svg); }
  .flag-icon-sn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../fonts/flags//4x3/so.svg); }
  .flag-icon-so.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../fonts/flags//4x3/sr.svg); }
  .flag-icon-sr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../fonts/flags//4x3/ss.svg); }
  .flag-icon-ss.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../fonts/flags//4x3/st.svg); }
  .flag-icon-st.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../fonts/flags//4x3/sv.svg); }
  .flag-icon-sv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../fonts/flags//4x3/sx.svg); }
  .flag-icon-sx.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../fonts/flags//4x3/sy.svg); }
  .flag-icon-sy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../fonts/flags//4x3/sz.svg); }
  .flag-icon-sz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../fonts/flags//4x3/tc.svg); }
  .flag-icon-tc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../fonts/flags//4x3/td.svg); }
  .flag-icon-td.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../fonts/flags//4x3/tf.svg); }
  .flag-icon-tf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../fonts/flags//4x3/tg.svg); }
  .flag-icon-tg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../fonts/flags//4x3/th.svg); }
  .flag-icon-th.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../fonts/flags//4x3/tj.svg); }
  .flag-icon-tj.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../fonts/flags//4x3/tk.svg); }
  .flag-icon-tk.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../fonts/flags//4x3/tl.svg); }
  .flag-icon-tl.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../fonts/flags//4x3/tm.svg); }
  .flag-icon-tm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../fonts/flags//4x3/tn.svg); }
  .flag-icon-tn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../fonts/flags//4x3/to.svg); }
  .flag-icon-to.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../fonts/flags//4x3/tr.svg); }
  .flag-icon-tr.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../fonts/flags//4x3/tt.svg); }
  .flag-icon-tt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../fonts/flags//4x3/tv.svg); }
  .flag-icon-tv.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../fonts/flags//4x3/tw.svg); }
  .flag-icon-tw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../fonts/flags//4x3/tz.svg); }
  .flag-icon-tz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../fonts/flags//4x3/ua.svg); }
  .flag-icon-ua.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../fonts/flags//4x3/ug.svg); }
  .flag-icon-ug.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../fonts/flags//4x3/um.svg); }
  .flag-icon-um.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/um.svg); }

.flag-icon-us {
  background-image: url(../fonts/flags//4x3/us.svg); }
  .flag-icon-us.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../fonts/flags//4x3/uy.svg); }
  .flag-icon-uy.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../fonts/flags//4x3/uz.svg); }
  .flag-icon-uz.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../fonts/flags//4x3/va.svg); }
  .flag-icon-va.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../fonts/flags//4x3/vc.svg); }
  .flag-icon-vc.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../fonts/flags//4x3/ve.svg); }
  .flag-icon-ve.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../fonts/flags//4x3/vg.svg); }
  .flag-icon-vg.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../fonts/flags//4x3/vi.svg); }
  .flag-icon-vi.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../fonts/flags//4x3/vn.svg); }
  .flag-icon-vn.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../fonts/flags//4x3/vu.svg); }
  .flag-icon-vu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../fonts/flags//4x3/wf.svg); }
  .flag-icon-wf.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../fonts/flags//4x3/ws.svg); }
  .flag-icon-ws.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../fonts/flags//4x3/ye.svg); }
  .flag-icon-ye.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../fonts/flags//4x3/yt.svg); }
  .flag-icon-yt.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../fonts/flags//4x3/za.svg); }
  .flag-icon-za.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/za.svg); }

.flag-icon-zm {
  background-image: url(../fonts/flags//4x3/zm.svg); }
  .flag-icon-zm.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../fonts/flags//4x3/zw.svg); }
  .flag-icon-zw.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/zw.svg); }

.flag-icon-es-ct {
  background-image: url(../fonts/flags//4x3/es-ct.svg); }
  .flag-icon-es-ct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/es-ct.svg); }

.flag-icon-eu {
  background-image: url(../fonts/flags//4x3/eu.svg); }
  .flag-icon-eu.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(../fonts/flags//4x3/gb-eng.svg); }
  .flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-eng.svg); }

.flag-icon-gb-nir {
  background-image: url(../fonts/flags//4x3/gb-nir.svg); }
  .flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-nir.svg); }

.flag-icon-gb-sct {
  background-image: url(../fonts/flags//4x3/gb-sct.svg); }
  .flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(../fonts/flags//4x3/gb-wls.svg); }
  .flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/gb-wls.svg); }

.flag-icon-un {
  background-image: url(../fonts/flags//4x3/un.svg); }
  .flag-icon-un.flag-icon-squared {
    background-image: url(../fonts/flags//1x1/un.svg); }

/*	---------------------------------------------------------------
	PROPERTIES FOR UTILITY CLASSES
	---------------------------------------------------------------
*/
/* 	----------------------------------------------------
	BUILD UTILITY CLASSES
	----------------------------------------------------
	TODO: 
	-- Modify mixin to accept infinite args
*/
.background-color-black {
  background-color: var(--color-black) !important; }

.border-color-black {
  border-color: var(--color-black) !important; }

.text-color-black {
  color: var(--color-black) !important; }

.background-color-grey {
  background-color: var(--color-grey) !important; }

.border-color-grey {
  border-color: var(--color-grey) !important; }

.text-color-grey {
  color: var(--color-grey) !important; }

.background-color-dark-grey {
  background-color: var(--color-dark-grey) !important; }

.border-color-dark-grey {
  border-color: var(--color-dark-grey) !important; }

.text-color-dark-grey {
  color: var(--color-dark-grey) !important; }

.background-color-green {
  background-color: var(--color-green) !important; }

.border-color-green {
  border-color: var(--color-green) !important; }

.text-color-green {
  color: var(--color-green) !important; }

.background-color-white {
  background-color: var(--color-white) !important; }

.border-color-white {
  border-color: var(--color-white) !important; }

.text-color-white {
  color: var(--color-white) !important; }

.background-color-purple {
  background-color: var(--color-purple) !important; }

.border-color-purple {
  border-color: var(--color-purple) !important; }

.text-color-purple {
  color: var(--color-purple) !important; }

.background-color-yellow {
  background-color: var(--color-yellow) !important; }

.border-color-yellow {
  border-color: var(--color-yellow) !important; }

.text-color-yellow {
  color: var(--color-yellow) !important; }

.background-color-teal {
  background-color: var(--color-teal) !important; }

.border-color-teal {
  border-color: var(--color-teal) !important; }

.text-color-teal {
  color: var(--color-teal) !important; }

.background-color-blue {
  background-color: var(--color-blue) !important; }

.border-color-blue {
  border-color: var(--color-blue) !important; }

.text-color-blue {
  color: var(--color-blue) !important; }

.background-color-pink {
  background-color: var(--color-pink) !important; }

.border-color-pink {
  border-color: var(--color-pink) !important; }

.text-color-pink {
  color: var(--color-pink) !important; }

.background-color-red {
  background-color: var(--color-red) !important; }

.border-color-red {
  border-color: var(--color-red) !important; }

.text-color-red {
  color: var(--color-red) !important; }

.background-color-gold {
  background-color: var(--color-gold) !important; }

.border-color-gold {
  border-color: var(--color-gold) !important; }

.text-color-gold {
  color: var(--color-gold) !important; }

.background-color-black {
  background-color: var(--color-black) !important; }

.border-color-black {
  border-color: var(--color-black) !important; }

.text-color-black {
  color: var(--color-black) !important; }

.background-color-grey400 {
  background-color: var(--color-grey400) !important; }

.border-color-grey400 {
  border-color: var(--color-grey400) !important; }

.text-color-grey400 {
  color: var(--color-grey400) !important; }

.background-color-grey300 {
  background-color: var(--color-grey300) !important; }

.border-color-grey300 {
  border-color: var(--color-grey300) !important; }

.text-color-grey300 {
  color: var(--color-grey300) !important; }

.background-color-grey200 {
  background-color: var(--color-grey200) !important; }

.border-color-grey200 {
  border-color: var(--color-grey200) !important; }

.text-color-grey200 {
  color: var(--color-grey200) !important; }

.background-color-grey100 {
  background-color: var(--color-grey100) !important; }

.border-color-grey100 {
  border-color: var(--color-grey100) !important; }

.text-color-grey100 {
  color: var(--color-grey100) !important; }

.background-color-white {
  background-color: var(--color-white) !important; }

.border-color-white {
  border-color: var(--color-white) !important; }

.text-color-white {
  color: var(--color-white) !important; }

.background-color-primary {
  background-color: var(--color-primary) !important; }

.border-color-primary {
  border-color: var(--color-primary) !important; }

.text-color-primary {
  color: var(--color-primary) !important; }

.background-color-secondary {
  background-color: var(--color-secondary) !important; }

.border-color-secondary {
  border-color: var(--color-secondary) !important; }

.text-color-secondary {
  color: var(--color-secondary) !important; }

.background-color-accent {
  background-color: var(--color-accent) !important; }

.border-color-accent {
  border-color: var(--color-accent) !important; }

.text-color-accent {
  color: var(--color-accent) !important; }

.background-color-success {
  background-color: var(--color-success) !important; }

.border-color-success {
  border-color: var(--color-success) !important; }

.text-color-success {
  color: var(--color-success) !important; }

.background-color-warning {
  background-color: var(--color-warning) !important; }

.border-color-warning {
  border-color: var(--color-warning) !important; }

.text-color-warning {
  color: var(--color-warning) !important; }

.background-color-danger {
  background-color: var(--color-danger) !important; }

.border-color-danger {
  border-color: var(--color-danger) !important; }

.text-color-danger {
  color: var(--color-danger) !important; }

.font-family-sans-serif-text {
  font-family: "SuisseIntl-Light" !important; }

.font-family-sans-serif {
  font-family: "SuisseIntl-Regular" !important; }

.font-family-sans-serif-med {
  font-family: "SuisseIntl-Medium" !important; }

.font-family-sans-serif-bold {
  font-family: "SuisseIntl-SemiBold" !important; }

.font-size-normal {
  font-size: initial !important; }

.font-size-large {
  font-size: 150% !important; }

.font-size-small {
  font-size: 80% !important; }

.font-size-12 {
  font-size: 0.75rem !important; }

.font-size-14 {
  font-size: 0.875rem !important; }

.font-size-16 {
  font-size: 1rem !important; }

.font-size-18 {
  font-size: 1.125rem !important; }

.font-size-20 {
  font-size: 1.25rem !important; }

.font-size-24 {
  font-size: 1.5rem !important; }

.font-size-32 {
  font-size: 2rem !important; }

.font-size-36 {
  font-size: 2.25rem !important; }

.font-size-48 {
  font-size: 3rem !important; }

.font-size-64 {
  font-size: 4rem !important; }

.font-size-72 {
  font-size: 4.5rem !important; }

.font-weight-regular {
  font-weight: normal !important; }

.font-weight-bold {
  font-weight: bold !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-100 {
  font-weight: 100 !important; }

.font-weight-200 {
  font-weight: 200 !important; }

.font-weight-300 {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600 !important; }

.font-weight-700 {
  font-weight: 700 !important; }

.font-weight-800 {
  font-weight: 800 !important; }

.font-weight-900 {
  font-weight: 900 !important; }

.col-decimal-1, .col-decimal-2, .col-decimal-3, .col-decimal-4, .col-decimal-5, .col-decimal-6, .col-decimal-7, .col-decimal-8, .col-decimal-9, .col-decimal-10, .col-decimal-sm-1, .col-decimal-sm-2, .col-decimal-sm-3, .col-decimal-sm-4, .col-decimal-sm-5, .col-decimal-sm-6, .col-decimal-sm-7, .col-decimal-sm-8, .col-decimal-sm-9, .col-decimal-sm-10, .col-decimal-md-1, .col-decimal-md-2, .col-decimal-md-3, .col-decimal-md-4, .col-decimal-md-5, .col-decimal-md-6, .col-decimal-md-7, .col-decimal-md-8, .col-decimal-md-9, .col-decimal-md-10, .col-decimal-lg-1, .col-decimal-lg-2, .col-decimal-lg-3, .col-decimal-lg-4, .col-decimal-lg-5, .col-decimal-lg-6, .col-decimal-lg-7, .col-decimal-lg-8, .col-decimal-lg-9, .col-decimal-lg-10, .col-decimal-xl-1, .col-decimal-xl-2, .col-decimal-xl-3, .col-decimal-xl-4, .col-decimal-xl-5, .col-decimal-xl-6, .col-decimal-xl-7, .col-decimal-xl-8, .col-decimal-xl-9, .col-decimal-xl-10 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col-decimal-1 {
  flex: 0 0 10%;
  max-width: 10%; }

.col-decimal-2 {
  flex: 0 0 20%;
  max-width: 20%; }

.col-decimal-3 {
  flex: 0 0 30%;
  max-width: 30%; }

.col-decimal-4 {
  flex: 0 0 40%;
  max-width: 40%; }

.col-decimal-5 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-decimal-6 {
  flex: 0 0 60%;
  max-width: 60%; }

.col-decimal-7 {
  flex: 0 0 70%;
  max-width: 70%; }

.col-decimal-8 {
  flex: 0 0 80%;
  max-width: 80%; }

.col-decimal-9 {
  flex: 0 0 90%;
  max-width: 90%; }

.col-decimal-10 {
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 544px) {
  .col-decimal-sm-1 {
    flex: 0 0 10%;
    max-width: 10%; }
  .col-decimal-sm-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-decimal-sm-3 {
    flex: 0 0 30%;
    max-width: 30%; }
  .col-decimal-sm-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-decimal-sm-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-decimal-sm-6 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-decimal-sm-7 {
    flex: 0 0 70%;
    max-width: 70%; }
  .col-decimal-sm-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .col-decimal-sm-9 {
    flex: 0 0 90%;
    max-width: 90%; }
  .col-decimal-sm-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 769px) {
  .col-decimal-md-1 {
    flex: 0 0 10%;
    max-width: 10%; }
  .col-decimal-md-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-decimal-md-3 {
    flex: 0 0 30%;
    max-width: 30%; }
  .col-decimal-md-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-decimal-md-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-decimal-md-6 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-decimal-md-7 {
    flex: 0 0 70%;
    max-width: 70%; }
  .col-decimal-md-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .col-decimal-md-9 {
    flex: 0 0 90%;
    max-width: 90%; }
  .col-decimal-md-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 992px) {
  .col-decimal-lg-1 {
    flex: 0 0 10%;
    max-width: 10%; }
  .col-decimal-lg-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-decimal-lg-3 {
    flex: 0 0 30%;
    max-width: 30%; }
  .col-decimal-lg-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-decimal-lg-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-decimal-lg-6 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-decimal-lg-7 {
    flex: 0 0 70%;
    max-width: 70%; }
  .col-decimal-lg-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .col-decimal-lg-9 {
    flex: 0 0 90%;
    max-width: 90%; }
  .col-decimal-lg-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1200px) {
  .col-decimal-xl-1 {
    flex: 0 0 10%;
    max-width: 10%; }
  .col-decimal-xl-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-decimal-xl-3 {
    flex: 0 0 30%;
    max-width: 30%; }
  .col-decimal-xl-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-decimal-xl-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-decimal-xl-6 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-decimal-xl-7 {
    flex: 0 0 70%;
    max-width: 70%; }
  .col-decimal-xl-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .col-decimal-xl-9 {
    flex: 0 0 90%;
    max-width: 90%; }
  .col-decimal-xl-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1440px) {
  .col-decimal-xxl-1 {
    flex: 0 0 10%;
    max-width: 10%; }
  .col-decimal-xxl-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .col-decimal-xxl-3 {
    flex: 0 0 30%;
    max-width: 30%; }
  .col-decimal-xxl-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .col-decimal-xxl-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-decimal-xxl-6 {
    flex: 0 0 60%;
    max-width: 60%; }
  .col-decimal-xxl-7 {
    flex: 0 0 70%;
    max-width: 70%; }
  .col-decimal-xxl-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .col-decimal-xxl-9 {
    flex: 0 0 90%;
    max-width: 90%; }
  .col-decimal-xxl-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.variable-width-slides .slick-slide {
  padding: 0 10px; }
  @media (min-width: 544px) {
    .variable-width-slides .slick-slide {
      padding: 0 15px; } }

.variable-width-slides .button-component {
  display: inline-block; }
  .variable-width-slides .button-component .btn.small {
    font-size: 0.75rem;
    padding: 0.8125rem 1.5625rem;
    min-width: 0;
    border-color: black; }
    .variable-width-slides .button-component .btn.small:hover {
      background-color: #f4f4f4;
      border-color: black; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 1.5625rem;
  width: 1.8125rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 28px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.lazyload,
.lazyloading {
  filter: blur(0.2rem);
  opacity: 0.3; }

.lazyloaded {
  opacity: 1;
  filter: blur(0);
  transition: all 0.4s ease-out; }

.item-image {
  position: relative; }

.gift-registry-item .item-image::after {
  font-family: "FontAwesome";
  content: "\F06B";
  position: absolute;
  right: 0.3rem;
  bottom: 0; }

.dw-apple-pay-button.apple-pay-cart,
.dw-apple-pay-button.apple-pay-cart:hover {
  padding: 0.5em 1em;
  margin: auto;
  border-radius: 0.1875rem; }

.checkout-and-applepay .btn {
  margin: 1%;
  padding: 0.5em 1em; }

.dw-apple-pay-button.apple-pay-pdp,
.dw-apple-pay-button.apple-pay-pdp:hover {
  padding: 0.5em 1em;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  border-radius: 0.1875rem; }

isapplepay.btn {
  display: none !important; }

.add-to-cart,
.add-to-cart-global {
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media (max-width: 543.98px) {
    .add-to-cart,
    .add-to-cart-global {
      max-width: 100%; } }

.cart-and-ipay {
  justify-content: center; }
  .cart-and-ipay .pdp-checkout-button {
    padding: 0 1.5em; }
    .cart-and-ipay .pdp-checkout-button .add-to-cart {
      padding: 0.5em 1em; }
    .cart-and-ipay .pdp-checkout-button .add-to-cart-global {
      padding: 0.5em 1em; }
  .cart-and-ipay .pdp-apple-pay-button {
    padding: 0 1.5em 0 0; }

.applepay-tab-wrapper {
  display: none; }

body.apple-pay-enabled .applepay-tab-wrapper {
  display: block; }

.salesforce-payments-errors {
  font-size: 0.8em;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border: 1px solid lightblue;
  border-radius: 0.1875rem;
  background: #fee url(../../images/exclamation.svg) 0.5rem 0.5rem/1rem no-repeat; }

.salesforce-payments-errors:empty {
  display: none; }

.salesforce-paymentrequest-element-errors {
  margin-top: 0.75rem; }

.salesforce-paymentrequest-element[disabled] {
  display: none; }

.salesforce-secure-payment {
  margin-left: 1.2rem;
  font-size: 0.8em;
  padding: 0.3rem 0.5rem 0.5rem 1.5rem;
  background: url(../../images/padlock.svg) no-repeat; }

.ig-gallery {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  .ig-gallery[data-type="flex"], .ig-gallery[data-type="Flex"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row; }
  .ig-gallery[data-type="masonry"], .ig-gallery[data-type="Masonry"] {
    display: block;
    width: 100%;
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
    -moz-column-count: 1;
         column-count: 1; }
    @media (min-width: 769px) {
      .ig-gallery[data-type="masonry"], .ig-gallery[data-type="Masonry"] {
        -moz-column-count: 3;
             column-count: 3; } }
    @media (min-width: 992px) {
      .ig-gallery[data-type="masonry"], .ig-gallery[data-type="Masonry"] {
        -moz-column-count: 4;
             column-count: 4; } }
  .ig-gallery[data-type="carousel"], .ig-gallery[data-type="Carousel"] {
    opacity: 0;
    transition: opacity 0.3s ease-in; }
    .ig-gallery[data-type="carousel"].slick-initialized, .ig-gallery[data-type="Carousel"].slick-initialized {
      opacity: 1; }
    @media (max-width: 543.98px) {
      .ig-gallery[data-type="carousel"] .slick-next, .ig-gallery[data-type="Carousel"] .slick-next {
        right: 1rem; }
      .ig-gallery[data-type="carousel"] .slick-prev, .ig-gallery[data-type="Carousel"] .slick-prev {
        left: 1rem; } }
  .ig-gallery-title, .ig-gallery-description {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0; }
  .ig-gallery-description {
    padding-bottom: 1rem; }
  .ig-gallery-container--hasText {
    padding: 1.875rem 0; }

.ig-tile {
  position: relative;
  display: inline-block;
  margin: 0.625rem;
  padding: 0;
  max-width: 100%;
  overflow: hidden; }
  .ig-tile,
  [data-type="flex"] .ig-tile,
  [data-type="Flex"] .ig-tile {
    max-width: none;
    flex: 1 0 calc(100% - 0.625rem); }
    @media (min-width: 544px) {
      .ig-tile,
      [data-type="flex"] .ig-tile,
      [data-type="Flex"] .ig-tile {
        flex: 1 0 calc(48% - 0.625rem); } }
    @media (min-width: 769px) {
      .ig-tile,
      [data-type="flex"] .ig-tile,
      [data-type="Flex"] .ig-tile {
        flex: 1 0 calc(24% - 0.625rem); } }
  .ig-gallery--native .ig-tile,
  [data-type="masonry"] .ig-tile,
  [data-type="Masonry"] .ig-tile {
    margin: 0.625rem 0.3125rem;
    padding: 0; }
    .ig-gallery--native .ig-tile .ig-tile-link,
    [data-type="masonry"] .ig-tile .ig-tile-link,
    [data-type="Masonry"] .ig-tile .ig-tile-link {
      padding-bottom: 0; }
    .ig-gallery--native .ig-tile .ig-tile-image,
    [data-type="masonry"] .ig-tile .ig-tile-image,
    [data-type="Masonry"] .ig-tile .ig-tile-image {
      position: static;
      transform: none; }
  .ig-gallery--carousel .ig-tile {
    margin: 0;
    padding: 0 0.625rem; }
    .ig-gallery--carousel .ig-tile .ig-tile-icon {
      right: 1.25rem; }
  .ig-tile-link {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%; }
  .ig-tile-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .ig-tile-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 1;
    padding: 0.1875rem;
    border-radius: 50%;
    box-shadow: var(--util-box-shadow);
    background-color: var(--skin-background-color-1); }
  .ig-tile-caption {
    color: #000;
    display: none; }
    [data-captions="true"] .ig-tile-caption {
      display: block; }
  [data-captions="true"] .ig-tile.hasCaption .ig-tile-link {
    padding-bottom: 0; }
  .ig-tile.hasCaption .ig-tile-link:hover {
    text-decoration: none; }
  [data-captions="true"] .ig-tile.hasCaption .ig-tile-image {
    position: relative;
    top: auto;
    left: auto;
    transform: none; }
  .ig-tile.hasCaption .ig-tile-caption {
    line-height: 1.25;
    margin: 0.3125rem 0 0;
    padding: 0 0.3125rem; }

.m-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all; }

.m-invisible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

html {
  font-size: 16px;
  box-sizing: border-box; }

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

body {
  font-size: inherit; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
#site-main {
  background: #fff;
  background: linear-gradient(180deg, #f4f4f4 0%, white 100%);
  background-repeat: repeat-x;
  background-size: auto 54px;
  background-position: top; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 1.5625rem;
  width: 1.8125rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 28px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slider,
.slider-core-css {
  display: none; }
  .slider.slick-initialized,
  .slider-core-css.slick-initialized {
    display: block; }
  .slider img,
  .slider-core-css img {
    max-width: 100%; }
  .slider .slick-next,
  .slider .slick-prev,
  .slider-core-css .slick-next,
  .slider-core-css .slick-prev {
    z-index: 1; }
  .slider .slick-next,
  .slider .slick-prev,
  .slider-core-css .slick-next,
  .slider-core-css .slick-prev {
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 1.25rem;
    background-color: var(--color-white);
    box-shadow: var(--skin-box-shadow);
    font-size: 1.5rem; }
    .slider .slick-next:before,
    .slider .slick-prev:before,
    .slider-core-css .slick-next:before,
    .slider-core-css .slick-prev:before {
      display: block;
      content: '';
      height: auto;
      width: auto;
      background: none;
      position: relative;
      font-family: "FontAwesome";
      color: var(--skin-primary-color); }
    .slider .slick-next:focus:not(.slick-disabled), .slider .slick-next:hover:not(.slick-disabled),
    .slider .slick-prev:focus:not(.slick-disabled),
    .slider .slick-prev:hover:not(.slick-disabled),
    .slider-core-css .slick-next:focus:not(.slick-disabled),
    .slider-core-css .slick-next:hover:not(.slick-disabled),
    .slider-core-css .slick-prev:focus:not(.slick-disabled),
    .slider-core-css .slick-prev:hover:not(.slick-disabled) {
      box-shadow: var(--skin-box-shadow-active); }
  .slider .slick-next,
  .slider-core-css .slick-next {
    right: 0.7rem; }
    .slider .slick-next:before,
    .slider-core-css .slick-next:before {
      content: "\F105";
      left: 0.125rem; }
  .slider .slick-prev,
  .slider-core-css .slick-prev {
    left: 0.7rem; }
    .slider .slick-prev:before,
    .slider-core-css .slick-prev:before {
      content: "\F104";
      right: 0.125rem; }
  .slider.slick-dotted,
  .slider-core-css.slick-dotted {
    margin-bottom: 3.125rem; }
  .slider .slick-dots,
  .slider-core-css .slick-dots {
    bottom: -2.5rem; }

.product-slider-container {
  margin: 0 -0.875rem 3.125rem; }
  .highlight .product-slider-container {
    margin-bottom: -1rem; }

@media (max-width: 543.98px) {
  .product-slider,
  .pd-product-slider {
    margin-left: -15px;
    margin-right: -15px; } }

.product-slider .slick-next,
.pd-product-slider .slick-next {
  right: 1.1875rem; }

.product-slider .slick-prev,
.pd-product-slider .slick-prev {
  left: 1.1875rem; }

.product-slider .product,
.pd-product-slider .product {
  padding: 0 15px; }

.product-slider .product-tile,
.pd-product-slider .product-tile {
  margin-bottom: 0; }
  .product-slider .product-tile .tile-body,
  .pd-product-slider .product-tile .tile-body {
    padding-bottom: 1.25rem; }

.slider,
.slider-core-css {
  display: block; }

.pd-product-slider {
  min-height: 425px; }
  .pd-product-slider.slick-initialized {
    min-height: auto; }
  .pd-product-slider .slick-next {
    top: 25%;
    transform: translate(0, -25%); }

.pd-slider:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap; }
  .pd-slider:not(.slick-initialized) .button-component a {
    text-wrap: nowrap; }
  .pd-slider:not(.slick-initialized).pd-media-slider {
    display: block; }

.carousel-wrapper {
  margin-bottom: 0; }
  .carousel-wrapper .pd-slider.slick-slider {
    line-height: 0; }
  .carousel-wrapper .pd-slider.pd-product-slider.slick-slider {
    line-height: 1.25rem; }
  .carousel-wrapper .pd-slider.pd-multi-comp-slider.slick-slider {
    line-height: 1.25rem; }
  .carousel-wrapper .pd-support-slider.slider-core-css .slick-dots {
    bottom: -1.375rem; }
  .carousel-wrapper .pd-support-slider .pd-slide {
    padding: 0 15px;
    text-align: center; }
  @media (max-width: 991.98px) {
    .carousel-wrapper.einstein-carousel {
      margin-bottom: 2rem; } }
  .carousel-wrapper.einstein-carousel .slider-core-css .slick-dots {
    bottom: -1rem; }

@media (max-width: 991.98px) {
  .mobile-2r-1c .carousel-wrapper {
    margin-bottom: 0; } }

@media (max-width: 991.98px) {
  .mobile-2r-1c .slider-core-css .slick-dots {
    bottom: 1.25rem; } }

.mobile-2r-1c .slider-core-css .slick-prev {
  left: 1.7rem; }
  .mobile-2r-1c .slider-core-css .slick-prev:before {
    right: 1px; }

.mobile-2r-1c .slider-core-css .slick-next {
  right: 1.7rem; }
  .mobile-2r-1c .slider-core-css .slick-next:before {
    left: 1px; }

.mobile-1r-1c .slick-next {
  right: 1.7rem; }
  .mobile-1r-1c .slick-next:before {
    left: 1px; }

.slider-core-css .slick-prev,
.slider-core-css .slick-next {
  height: 2.5rem;
  width: 2.5rem;
  border: none; }
  .slider-core-css .slick-prev:before,
  .slider-core-css .slick-next:before {
    opacity: 1;
    font-size: 1.5rem;
    top: -1px;
    font-display: swap; }
  .slider-core-css .slick-prev.slick-disabled,
  .slider-core-css .slick-next.slick-disabled {
    pointer-events: none;
    opacity: 0; }

.slider-core-css .slick-prev {
  opacity: 0; }
  .slider-core-css .slick-prev:before {
    right: 1px; }

.slider-core-css .slick-next:before {
  left: 1px; }

.slider-core-css .slick-dots {
  padding: 0 2.1875rem;
  display: flex;
  bottom: 1.5625rem; }
  @media (max-width: 991.98px) {
    .slider-core-css .slick-dots {
      bottom: -0.9375rem; } }
  .slider-core-css .slick-dots li {
    flex-basis: 100%;
    width: auto;
    height: 0.125rem;
    margin: 0; }
    .slider-core-css .slick-dots li button::before {
      content: '';
      opacity: 1;
      width: 100%;
      height: 100%;
      background: var(--color-grey300);
      transition: 0.3s ease; }
    .slider-core-css .slick-dots li.slick-active button::before {
      background: black; }

.slider-core-css.slick-dotted {
  margin-bottom: 0; }

.slider-core-css.dot-row .slick-dots {
  justify-content: center;
  bottom: -1.75rem; }
  .slider-core-css.dot-row .slick-dots li {
    flex-basis: auto;
    height: 0.3125rem;
    width: 0.3125rem;
    margin: 0 0.125rem; }
    .slider-core-css.dot-row .slick-dots li button {
      width: 0.3125rem;
      height: 0.3125rem;
      padding: 0; }
      .slider-core-css.dot-row .slick-dots li button:before {
        content: '';
        background-color: var(--color-grey400);
        opacity: 1;
        width: 0.3125rem;
        height: 0.3125rem; }
    .slider-core-css.dot-row .slick-dots li.slick-active button:before {
      background-color: var(--color-black); }

.slider-core-css.pd-product-slider .slick-dots {
  padding: 0 2.1875rem;
  display: flex;
  bottom: -1.5625rem; }

.slider-core-css.pd-multi-comp-slider .slick-dots {
  padding: 0 2.1875rem;
  display: flex;
  bottom: -0.625rem; }

.content-text-slider .slick-prev:before {
  font-family: "FontAwesome";
  font-display: swap;
  font-size: 1.25rem;
  content: ""; }

.content-text-slider .slick-next:before {
  font-family: "FontAwesome";
  font-display: swap;
  font-size: 1.25rem;
  content: "\F105"; }

.minicart-recommendation .mini-cart-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease; }

.minicart-recommendation .mini-cart-slider.slick-initialized {
  visibility: visible;
  opacity: 1; }

.minicart-recommendation .slick-prev:before {
  font-family: "FontAwesome";
  font-size: 1.25rem;
  content: ""; }

.minicart-recommendation .slick-next {
  right: 1.25rem;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 1.25rem;
  background-color: var(--color-white);
  box-shadow: var(--skin-box-shadow);
  font-size: 1.5rem; }
  .minicart-recommendation .slick-next:before {
    font-family: "FontAwesome";
    font-size: 1.5rem;
    content: "\F105";
    position: relative;
    left: 0.625rem; }

.thumbnail-carousel-container .slider-core-css .slick-prev {
  opacity: 1; }
  .thumbnail-carousel-container .slider-core-css .slick-prev.slick-disabled {
    opacity: 0; }

.shadow-inset {
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.1); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.promo {
  position: relative;
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: 1rem; }
  .promo:hover {
    text-decoration: none; }
  .promo.banner .image {
    background-color: #999;
    min-height: 5rem; }
    @media (min-width: 544px) {
      .promo.banner .image {
        min-height: 6rem; } }
    @media (min-width: 769px) {
      .promo.banner .image {
        min-height: 7rem; } }
    .promo.banner .image img {
      width: 100%; }
  @media (min-width: 1470px) {
    .promo.banner .text.overlay {
      left: calc((100% - 1470px) / 2); } }
  @media (min-width: 769px) {
    .container .promo.banner .text.overlay, .promo.banner .text.overlay .promo.banner .text.overlay {
      left: 0; } }
  .promo.banner .text.overlay h1.page-title {
    color: #fff; }
  .promo .image img {
    max-width: 100%; }
  .promo .text {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem; }
    .promo .text.overlay {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .promo .text.overlay.bottom {
        justify-content: flex-end; }
      .promo .text.overlay.top {
        justify-content: flex-start; }
      .promo .text.overlay.left {
        align-items: flex-start; }
      .promo .text.overlay.right {
        align-items: flex-end; }
      .promo .text.overlay.left-large-only, .promo .text.overlay.right-large-only {
        position: static;
        padding: 1rem; }
        @media (min-width: 769px) {
          .promo .text.overlay.left-large-only, .promo .text.overlay.right-large-only {
            padding: 0;
            position: absolute; } }
      @media (min-width: 769px) {
        .promo .text.overlay.left-large-only {
          align-items: flex-start; } }
      @media (min-width: 769px) {
        .promo .text.overlay.right-large-only {
          align-items: flex-end; } }
      .promo .text.overlay .dark-background {
        width: 100%;
        padding: 1rem;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3); }
      .promo .text.overlay img {
        max-width: 100%; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
@keyframes slide-in-left {
  0% {
    left: -100%; }
  100% {
    left: 0; } }

@keyframes slide-out-left {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in-scale {
  0% {
    transform: scale(1.03);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes fade-in-modal {
  0% {
    opacity: 0; }
  to {
    opacity: .65; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(2.5rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-2.5rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(2.5rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(-2.5rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes line-hover {
  0% {
    right: 100%; }
  100% {
    right: 0; } }

@keyframes line-hover-out {
  0% {
    right: 0; }
  100% {
    right: -100%; } }

@keyframes refinements-out {
  0% {
    margin-left: 0;
    opacity: 1;
    pointer-events: all; }
  100% {
    margin-left: -22.86054%;
    opacity: 0;
    pointer-events: none; } }

@keyframes refinements-in {
  0% {
    margin-left: -22.86054%;
    opacity: 0;
    pointer-events: none; }
  100% {
    margin-left: 0;
    opacity: 1;
    pointer-events: all; } }

.js-enabled .fade-in-up {
  opacity: 0; }
  .js-enabled .fade-in-up.visible {
    animation: fade-in-up 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

.js-enabled .tab-panels .js-active:not([aria-visible="true"]) .fade-in-up, .js-enabled .tab-panels .js-active:not([aria-visible="true"]) .fade-in-up.visible {
  opacity: 1;
  animation: none; }

.modal-background {
  background-color: #000;
  display: none;
  height: 100%;
  position: fixed;
  opacity: 0.5;
  width: 100%;
  top: 0;
  left: 0; }

input[placeholder] {
  text-overflow: ellipsis; }

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary), header ~ #maincontent .promo.banner .text.overlay a:not(.btn-primary):not(.btn-outline-primary), .promo.banner header ~ #maincontent .text.overlay a:not(.btn-primary):not(.btn-outline-primary) {
  color: var(--skin-link-color-2); }

.hide-order-discount {
  display: none; }

.hide-shipping-discount {
  display: none; }

.order-discount {
  color: #6FFB38; }

.shipping-discount {
  color: #6FFB38; }

.error-messaging {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }

.error-hero {
  background-image: url("../images/storelocator.jpg");
  margin-bottom: 0.625em; }

.error-message {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem; }

.error.continue-shopping {
  margin-bottom: 6.25em; }

.error-unassigned-category {
  color: #AB2117; }

.skip {
  position: absolute;
  left: 0;
  top: -4.2em;
  overflow: hidden;
  padding: 1em 1.5em;
  background: #fff;
  transition: all 0.2s ease-in-out; }

a.skip:active,
a.skip:focus,
a.skip:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 10000000;
  background: #fff;
  transition: all 0.2s ease-in-out; }

.card-header-custom {
  font-size: 1.5rem;
  margin-bottom: 0; }

html {
  scroll-behavior: smooth; }

body {
  padding: 0;
  transition: padding-top 0.3s ease-in-out; }
  body.is-sticky {
    padding-top: 3.125rem; }
    body.is-sticky.is-scrolled {
      padding-top: 0; }
  body.filter-active {
    overflow: hidden; }
  @media (min-width: 769px) {
    body.is-sticky {
      padding-top: 6.875rem; } }

img {
  max-width: 100%; }

#site-main {
  position: relative; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body.preload * {
  animation-duration: 0s !important;
  transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important; }

body.is-sticky {
  padding-top: 4.5rem; }
  body.is-sticky.is-scrolled {
    padding-top: 0; }

body.filter-active {
  overflow: hidden; }
  @media (min-width: 769px) {
    body.filter-active {
      overflow: auto; } }

@media (min-width: 769px) {
  body.is-sticky {
    padding-top: 8.5625rem; } }

.page.screen-sized {
  height: 100vh;
  overflow: hidden; }
  .page.screen-sized header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }

.close::before {
  content: '';
  display: block;
  background-image: url("../../images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 1.875rem;
  width: 1.875rem; }

.close.m-white::before {
  background-image: url("../../images/icons/close-black.svg"); }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 1; }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled).focus {
  outline: 0;
  box-shadow: none; }

.close:not(:disabled):not(.disabled):focus-visible {
  box-shadow: none; }

.close span {
  display: none; }

.order-discount {
  color: var(--color-black); }

.shipping-discount {
  color: var(--color-black); }

.homepage .experience-commerce_layouts-carousel .pd-product-slider {
  margin-bottom: 1.5rem; }
  .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track {
    display: flex !important;
    height: 100%; }
    .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide {
      height: auto;
      display: flex; }
      .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile-pd {
        height: 100%;
        position: relative; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile-pd #quickAddModal {
          overflow-x: hidden;
          overflow-y: auto; }
          @media (max-width: 543.98px) {
            .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile-pd #quickAddModal .modal-dialog .primary-images .main-carousel-container {
              position: absolute; } }
          @media (max-width: 543.98px) {
            .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile-pd #quickAddModal .modal-dialog .primary-images {
              position: relative;
              height: 153px; } }
      .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile {
        height: 100%;
        margin-top: 0;
        padding: 0 5px; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .image-container .quick-atc-hvr, .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .image-container .quickadd-hvr {
          display: none; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__ratings:not(:has(*)) {
          display: none; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__family-name:not(:has(*)) {
          height: 1rem; }
          @media (max-width: 991.98px) {
            .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__family-name:not(:has(*)) {
              height: 1.23rem; } }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile-compare-row {
          padding-top: .5rem; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__footer {
          margin-top: auto;
          padding-top: .5rem; }
          .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__footer .prod-tile-promo {
            display: none; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .add-to-cart.quick-atc:hover {
          color: var(--color-black);
          background-color: var(--skin-primary-color-invert);
          border-color: transparent; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .quickadd, .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .quick-atc {
          text-decoration: none; }
        .homepage .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .quick-atc {
          line-height: 1.5; }

.homepage .experience-commerce_layouts-carousel .slick-list {
  transition: 0.3s ease; }
  .homepage .experience-commerce_layouts-carousel .slick-list .pd-slide .nav-link picture img,
  .homepage .experience-commerce_layouts-carousel .slick-list .pd-slide .nav-link figure img {
    aspect-ratio: 1/1 auto;
    height: auto; }
  .homepage .experience-commerce_layouts-carousel .slick-list .pd-slide .tile-link img {
    aspect-ratio: 1/1 auto;
    width: 100%;
    height: auto; }

.homepage .experience-commerce_layouts-carousel .slider-core-css:not(.pd-product-slider) .slick-next {
  right: 1.7rem; }

.homepage.de .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__family-name:not(:has(*)) {
  height: .3rem; }
  @media (min-width: 769px) {
    .homepage.de .experience-commerce_layouts-carousel .pd-product-slider .slick-track .slick-slide > div .product-tile .product-tile__family-name:not(:has(*)) {
      height: 1.5rem; } }

@font-face {
  font-family: 'SuisseIntl-Light';
  src: url("../fonts/SuisseIntl-Light-WebM.eot") format("eot"), url("../fonts/SuisseIntl-Light-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-Light-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Light-WebM.ttf") format("ttf");
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'SuisseIntl-Regular';
  src: url("../fonts/SuisseIntl-Regular-WebM.eot") format("eot"), url("../fonts/SuisseIntl-Regular-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-Regular-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Regular-WebM.ttf") format("ttf");
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'SuisseIntl-Medium';
  src: url("../fonts/SuisseIntl-Medium-WebM.eot") format("eot"), url("../fonts/SuisseIntl-Medium-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-Medium-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Medium-WebM.ttf") format("ttf");
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'SuisseIntl-SemiBold';
  src: url("../fonts/SuisseIntl-SemiBold-WebM.eot") format("eot"), url("../fonts/SuisseIntl-SemiBold-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-SemiBold-WebM.woff") format("woff"), url("../fonts/SuisseIntl-SemiBold-WebM.ttf") format("ttf");
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported because it will define media
queries for previous breakpoints that cannot be overridden.
------------------------------------------------------------- */
/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported because it will define media
queries for previous breakpoints that cannot be overridden.
------------------------------------------------------------- */
@media (max-width: 543.98px) {
  .menu-toggleable-left.navbar-toggleable-xs {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xs.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-sm.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 991.98px) {
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-md.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.navbar-toggleable-lg {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-lg.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1439.98px) {
  .menu-toggleable-left.navbar-toggleable-xl {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xl.in {
      min-width: 50%;
      left: 0; } }

.menu-toggleable-left.navbar-toggleable-xxl {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  max-width: 100%; }
  .menu-toggleable-left.navbar-toggleable-xxl.in {
    min-width: 50%;
    left: 0; }

.navbar.bg-inverse {
  background-color: transparent !important;
  padding: 0; }
  @media (min-width: 992px) {
    .navbar.bg-inverse .navbar-nav .nav-item + .nav-item {
      margin-left: 0; }
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.8rem;
      white-space: nowrap; } }

.navbar-expand-md .navbar-nav.nav-center {
  justify-content: center; }

.navbar-expand-md .navbar-nav.nav-spaced {
  justify-content: space-evenly; }

.navbar-expand-md .navbar-nav.nav-right {
  justify-content: end; }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: #fff;
  color: #444; }

@media (min-width: 992px) {
  .nav-item > .nav-link {
    color: #fff; } }

@media (max-width: 991.98px) {
  .main-menu.menu-toggleable-left {
    background-color: #fff;
    z-index: 4; } }

.menu-toggleable-left .close-menu {
  padding: 15px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  flex: 0 0 100%; }
  @media (min-width: 992px) {
    .menu-toggleable-left .close-menu {
      display: none; } }

.menu-toggleable-left .menu-group {
  flex: 0 0 100%; }

.menu-toggleable-left li > .close-menu {
  margin-right: 0;
  margin-top: -0.6rem;
  margin-left: 0; }

@media (max-width: 991.98px) {
  .menu-toggleable-left .bg-inverse {
    background-color: white !important;
    color: #222; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.in {
    right: 0;
    margin-right: 1.25em;
    /* 20/16 */ } }

@media (max-width: 991.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-top: 1px solid #eee; }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static; }
  .menu-toggleable-left.in .dropdown-toggle {
    padding-left: 1rem; }
    .menu-toggleable-left.in .dropdown-toggle::after {
      border-top: 0.3em solid transparent;
      border-bottom: 0.3em solid transparent;
      border-left: 0.3em solid;
      position: absolute;
      right: 0.3em;
      margin-top: 0.55em; }
  .menu-toggleable-left.in .nav-item .nav-link {
    padding-left: 1rem; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0; }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block; } }

.multilevel-dropdown .dropdown-menu {
  top: 90%;
  border: 0;
  border-radius: 0; }
  @media (min-width: 992px) {
    .multilevel-dropdown .dropdown-menu {
      box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } }

.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  position: absolute;
  right: 0.3em;
  margin-top: 0.55em; }

@media (min-width: 992px) {
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    top: -0.65em;
    left: 99%; } }

.multilevel-dropdown .navbar > .close-menu > .back {
  display: none; }

.multilevel-dropdown .close-menu .back .caret-left {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-left: 0.3 solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 0.125em; }

.multilevel-dropdown .dropdown-item {
  padding: 0 0 0 1em; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    display: block;
    padding: 0.425em 5em 0.425em 0; }
  .multilevel-dropdown .dropdown-item + .dropdown-item {
    border-top: 1px solid #eee; }
  .multilevel-dropdown .dropdown-item.top-category {
    font-weight: bold; }
    .multilevel-dropdown .dropdown-item.top-category > .nav-link {
      padding-left: 0; }

@media (min-width: 992px) {
  .dropdown-toggle:after {
    display: none; }
  .navbar-nav > .dropdown > .dropdown-menu {
    display: flex;
    flex-direction: column;
    top: 100%;
    margin: 0;
    padding: 0 1rem;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    height: 0;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.25); }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu {
      display: none; }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-item {
      display: none; }
  .navbar-nav > .dropdown .dropdown-item {
    border: 0;
    padding: 0;
    order: 0; }
    .navbar-nav > .dropdown .dropdown-item:hover {
      background-color: transparent; }
    .navbar-nav > .dropdown .dropdown-item + .dropdown-item {
      border-top: none; }
    .navbar-nav > .dropdown .dropdown-item .dropdown-link {
      padding: 0.5rem 1rem; }
    .navbar-nav > .dropdown .dropdown-item.content-item {
      padding: 0.5rem;
      order: 1; }
  .navbar-nav > .dropdown.show > .dropdown-menu {
    opacity: 1;
    padding: 1rem;
    height: auto; }
    .navbar-nav > .dropdown.show > .dropdown-menu > .dropdown-item {
      display: block; }
  .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    flex-direction: row; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu {
      display: flex;
      flex-direction: column;
      position: static;
      box-shadow: none;
      padding: 0;
      margin: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
      font-weight: bold; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item + .dropdown-item {
      border-top: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-item {
      display: block;
      line-height: 0.75;
      font-size: 0.875rem; }
  header .main-menu,
  header .navbar,
  header .menu-group,
  header .navbar-nav,
  header .navbar-nav .nav-link {
    height: 100%; }
  header .navbar {
    position: static; }
    header .navbar .nav-item {
      position: static; }
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    width: 100%;
    padding: 0 12%; }
    header .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item {
      width: auto;
      padding: 1rem 0.625rem; }
  header .nav-item > .nav-link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem; } }

.header {
  position: relative; }

.navbar-header {
  height: 2.5rem; }
  .navbar-header > .row {
    height: 100%; }
  .navbar-header .user,
  .navbar-header .country-selector,
  .navbar-header .navbar-toggler {
    line-height: 2.25em;
    /* 36/16 */
    height: auto; }
  .navbar-header .user {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0 1.25rem 0 0;
    position: relative;
    height: auto; }
    .navbar-header .user a:not(:first-child) {
      margin-left: 0.625rem; }
    .navbar-header .user a > .fa {
      margin-right: 0.125rem; }
    .navbar-header .user .popover {
      position: absolute;
      display: none;
      padding: 1em;
      top: 85%;
      left: 0; }
      .navbar-header .user .popover a {
        white-space: nowrap;
        margin-bottom: 0.5em; }
      .navbar-header .user .popover::before {
        left: 1.5rem; }
      .navbar-header .user .popover::after {
        left: 1.5rem; }
      .navbar-header .user .popover.show {
        display: block; }

.header-top-inner {
  display: flex;
  justify-content: center; }
  @media (min-width: 769px) {
    .header-top-inner {
      justify-content: space-between; } }

.header-top-left,
.header-top-center,
.header-top-right {
  display: flex;
  align-items: center;
  height: 100%; }

.header-top-left {
  font-size: 0.75rem;
  text-transform: uppercase; }

.store-locate > .fa {
  margin-right: 0.125rem; }

.header-top-right {
  justify-content: flex-end; }

.header-main {
  border-bottom: 1px solid var(--color-hr-border-color);
  height: 3.125rem; }
  @media (min-width: 769px) {
    .header-main {
      height: 4.375rem; } }
  .header-main > .row {
    height: 100%; }

.header-main-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }

.navbar-toggler {
  padding: 0.3125rem 0.625rem;
  font-size: 1.5rem;
  width: auto; }

.mobile-main-right {
  display: flex;
  align-items: center; }

.brand {
  display: block;
  width: auto;
  padding: 0;
  position: static;
  margin: 0; }
  @media (min-width: 769px) {
    .brand {
      margin: 0 0 0 2.5rem; } }
  .brand img.site-logo {
    width: 100%;
    max-width: 3.4375rem; }
    @media (min-width: 769px) {
      .brand img.site-logo {
        max-width: 5.125rem; } }

.main-menu {
  background-color: #979797; }
  .main-menu .navbar .close-menu button,
  .main-menu .navbar .close-button button {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none; }

.header-banner {
  background-color: #222;
  text-align: center;
  color: #fff; }
  .header-banner .close-button {
    width: 2.125em; }
    .header-banner .close-button .close {
      opacity: 1;
      color: #fff;
      width: 100%;
      height: 100%;
      background-color: var(--skin-primary-color); }
  .header-banner .content {
    margin-right: 1.5em;
    padding-top: 0.3125em;
    padding-bottom: 0.3125em; }

.minicart {
  margin-top: 0.1875em;
  /* 3/16 */
  vertical-align: top; }
  .minicart .minicart-icon {
    font-size: 1.5em; }
  .minicart a.minicart-link:hover {
    text-decoration: none; }
  .minicart .minicart-quantity {
    background-color: var(--skin-primary-color);
    border-radius: 50%;
    width: 1.25em;
    /* 20/16 */
    height: 1.25em;
    /* 20/16 */
    line-height: normal;
    display: inline-block;
    text-align: center;
    font-size: 0.8125em;
    /* 13/16 */
    position: relative;
    top: -0.9375em;
    /* 15/16 */
    left: -0.9375em;
    /* 15/16 */
    color: #fff; }

a.normal {
  color: var(--skin-primary-color);
  text-decoration: underline; }

.slide-up {
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  max-height: 100px;
  overflow: hidden; }
  .slide-up.hide {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.country-selector {
  margin: 0; }
  .country-selector .btn {
    font-size: 0.75rem;
    text-transform: uppercase; }

.dropdown-country-selector {
  margin-top: -0.0625em; }

.cookie-warning-messaging.cookie-warning {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  display: none; }

.valid-cookie-warning {
  background-color: var(--skin-link-color-1);
  color: #fff;
  white-space: nowrap; }
  .valid-cookie-warning p {
    margin-top: 0;
    margin-bottom: 0.2em;
    padding-right: 2em; }

/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
extensibility going forward.
Base file cannot be imported because it will define media
queries for previous breakpoints that cannot be overridden.
------------------------------------------------------------- */
@media (max-width: 543.98px) {
  .menu-toggleable-left.navbar-toggleable-xs {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xs.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-sm.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 991.98px) {
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-md.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1199.98px) {
  .menu-toggleable-left.navbar-toggleable-lg {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-lg.in {
      min-width: 50%;
      left: 0; } }

@media (max-width: 1439.98px) {
  .menu-toggleable-left.navbar-toggleable-xl {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%; }
    .menu-toggleable-left.navbar-toggleable-xl.in {
      min-width: 50%;
      left: 0; } }

.menu-toggleable-left.navbar-toggleable-xxl {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  max-width: 100%; }
  .menu-toggleable-left.navbar-toggleable-xxl.in {
    min-width: 50%;
    left: 0; }

.navbar.bg-inverse {
  background-color: transparent !important;
  padding: 0; }
  @media (min-width: 992px) {
    .navbar.bg-inverse .navbar-nav .nav-item + .nav-item {
      margin-left: 0; }
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.8rem;
      white-space: nowrap; } }

.navbar-expand-md .navbar-nav.nav-center {
  justify-content: center; }

.navbar-expand-md .navbar-nav.nav-spaced {
  justify-content: space-evenly; }

.navbar-expand-md .navbar-nav.nav-right {
  justify-content: end; }

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: #fff;
  color: #444; }

@media (min-width: 992px) {
  .nav-item > .nav-link {
    color: #fff; } }

@media (max-width: 991.98px) {
  .main-menu.menu-toggleable-left {
    background-color: #fff;
    z-index: 4; } }

.menu-toggleable-left .close-menu {
  padding: 15px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  flex: 0 0 100%; }
  @media (min-width: 992px) {
    .menu-toggleable-left .close-menu {
      display: none; } }

.menu-toggleable-left .menu-group {
  flex: 0 0 100%; }

.menu-toggleable-left li > .close-menu {
  margin-right: 0;
  margin-top: -0.6rem;
  margin-left: 0; }

@media (max-width: 991.98px) {
  .menu-toggleable-left .bg-inverse {
    background-color: white !important;
    color: #222; } }

@media (max-width: 768.98px) {
  .menu-toggleable-left.in {
    right: 0;
    margin-right: 1.25em;
    /* 20/16 */ } }

@media (max-width: 991.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-top: 1px solid #eee; }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static; }
  .menu-toggleable-left.in .dropdown-toggle {
    padding-left: 1rem; }
    .menu-toggleable-left.in .dropdown-toggle::after {
      border-top: 0.3em solid transparent;
      border-bottom: 0.3em solid transparent;
      border-left: 0.3em solid;
      position: absolute;
      right: 0.3em;
      margin-top: 0.55em; }
  .menu-toggleable-left.in .nav-item .nav-link {
    padding-left: 1rem; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0; }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block; } }

.multilevel-dropdown .dropdown-menu {
  top: 90%;
  border: 0;
  border-radius: 0; }
  @media (min-width: 992px) {
    .multilevel-dropdown .dropdown-menu {
      box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4); } }

.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  position: absolute;
  right: 0.3em;
  margin-top: 0.55em; }

@media (min-width: 992px) {
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    top: -0.65em;
    left: 99%; } }

.multilevel-dropdown .navbar > .close-menu > .back {
  display: none; }

.multilevel-dropdown .close-menu .back .caret-left {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-left: 0.3 solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 0.125em; }

.multilevel-dropdown .dropdown-item {
  padding: 0 0 0 1em; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    display: block;
    padding: 0.425em 5em 0.425em 0; }
  .multilevel-dropdown .dropdown-item + .dropdown-item {
    border-top: 1px solid #eee; }
  .multilevel-dropdown .dropdown-item.top-category {
    font-weight: bold; }
    .multilevel-dropdown .dropdown-item.top-category > .nav-link {
      padding-left: 0; }

@media (min-width: 992px) {
  .dropdown-toggle:after {
    display: none; }
  .navbar-nav > .dropdown > .dropdown-menu {
    display: flex;
    flex-direction: column;
    top: 100%;
    margin: 0;
    padding: 0 1rem;
    opacity: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    height: 0;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.25); }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-menu {
      display: none; }
    .navbar-nav > .dropdown > .dropdown-menu .dropdown-item {
      display: none; }
  .navbar-nav > .dropdown .dropdown-item {
    border: 0;
    padding: 0;
    order: 0; }
    .navbar-nav > .dropdown .dropdown-item:hover {
      background-color: transparent; }
    .navbar-nav > .dropdown .dropdown-item + .dropdown-item {
      border-top: none; }
    .navbar-nav > .dropdown .dropdown-item .dropdown-link {
      padding: 0.5rem 1rem; }
    .navbar-nav > .dropdown .dropdown-item.content-item {
      padding: 0.5rem;
      order: 1; }
  .navbar-nav > .dropdown.show > .dropdown-menu {
    opacity: 1;
    padding: 1rem;
    height: auto; }
    .navbar-nav > .dropdown.show > .dropdown-menu > .dropdown-item {
      display: block; }
  .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    flex-direction: row; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu {
      display: flex;
      flex-direction: column;
      position: static;
      box-shadow: none;
      padding: 0;
      margin: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item > .dropdown-link {
      font-weight: bold; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item + .dropdown-item {
      border-top: 0; }
    .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-item {
      display: block;
      line-height: 0.75;
      font-size: 0.875rem; }
  header .main-menu,
  header .navbar,
  header .menu-group,
  header .navbar-nav,
  header .navbar-nav .nav-link {
    height: 100%; }
  header .navbar {
    position: static; }
    header .navbar .nav-item {
      position: static; }
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    width: 100%;
    padding: 0 12%; }
    header .navbar-nav > .dropdown.mega-nav > .dropdown-menu > .dropdown-item {
      width: auto;
      padding: 1rem 0.625rem; }
  header .nav-item > .nav-link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem; } }

@media (min-width: 992px) {
  .unclickable {
    pointer-events: none;
    cursor: default; } }

@media (min-width: 992px) {
  .nav-link.dropdown-toggle.unclickable {
    cursor: pointer; } }

@media (max-width: 991.98px) {
  .inner-flexy-wrapper.col-lg-3-5ths {
    width: 100%;
    max-width: 100%;
    background-color: #f4f4f4; }
    .inner-flexy-wrapper.col-lg-3-5ths .nav-level-2 > .dropdown-item {
      width: 100%;
      max-width: 92%; }
  .nav-item > a.nav-link {
    font-size: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid #979797;
    padding: 0.875rem 0 0.75rem 0 !important; }
  .main-menu .locale-selector__toggle-text {
    color: var(--color-black);
    font-family: "SuisseIntl-Regular", sans-serif;
    font-display: swap;
    font-size: 0.75rem; } }

@media (min-width: 992px) {
  .inner-flexy-wrapper .nav-level-2 > .dropdown-item {
    min-width: 32%; } }

header .dropdown-menu {
  background-color: transparent;
  min-width: unset; }

header .nav-item > .nav-link {
  text-decoration: none;
  font-family: "SuisseIntl-Regular", sans-serif;
  font-display: swap;
  font-size: 0.9375rem; }
  @media (min-width: 769px) {
    header .nav-item > .nav-link {
      text-transform: none; } }

.navbar.bg-inverse .navbar-nav {
  border: 1px dotted blueviolet; }
  @media (min-width: 769px) {
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.375rem 0;
      margin: 0 1.25rem; } }
  @media (min-width: 769px) {
    .navbar.bg-inverse .navbar-nav .nav-item:first-child .nav-link {
      margin-left: 0.75rem; } }

.menu-toggleable-left .dropdown-menu-list,
.menu-toggleable-left .dropdown-content-list {
  padding: 0;
  margin: 0; }

@media (max-width: 991.98px) {
  .dropdown-menu-list.nav-level-2, .dropdown-menu-list.nav-level-3-plus {
    background-color: #f4f4f4;
    height: 100%;
    padding-top: 0.625rem;
    position: relative;
    top: -72px; }
  .dropdown-menu-list.nav-level-3-plus {
    margin-top: -12px; }
  .main-menu.menu-toggleable-left {
    background-color: #f4f4f4;
    padding-top: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent; }
  .menu-toggleable-left.in {
    overflow: auto;
    margin-right: 0; }
    .menu-toggleable-left.in .dropdown-menu {
      top: 0; }
    .menu-toggleable-left.in .dropdown-menu-list {
      position: static; }
    .menu-toggleable-left.in .dropdown-content-list {
      display: none !important; }
    .menu-toggleable-left.in .dropdown-toggle {
      position: relative; }
      .menu-toggleable-left.in .dropdown-toggle:after {
        content: '';
        display: block;
        background-image: url("../../images/icons/caret-right-black.svg");
        background-size: 0.375rem;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        height: 1.875rem;
        width: 1.875rem;
        border: 0;
        top: 50%;
        right: 2px;
        transform: translateY(-50%);
        margin: 0; }
    .menu-toggleable-left.in .navbar-nav {
      margin-top: 1.5rem; }
      .menu-toggleable-left.in .navbar-nav .nav-item .nav-link {
        font-family: "SuisseIntl-Medium", sans-serif;
        font-display: swap;
        font-size: 0.875rem;
        margin-bottom: 0.625rem;
        padding-left: 1.5rem; }
      .menu-toggleable-left.in .navbar-nav .nav-item + .nav-item {
        border: 0; }
      .menu-toggleable-left.in .navbar-nav.secondary {
        margin-top: 0.625rem; }
        .menu-toggleable-left.in .navbar-nav.secondary .user-greeting {
          display: block;
          font-family: "SuisseIntl-SemiBold", sans-serif;
          font-display: swap;
          font-size: 0.875rem;
          margin-left: 1.5rem;
          margin-bottom: 0.75rem; }
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link,
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link a {
          font-family: "SuisseIntl-Medium", sans-serif;
          font-display: swap;
          font-size: 0.875rem;
          margin-bottom: 0.75rem;
          transition: color 0.3s ease; }
          .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link:hover, .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link:focus,
          .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link a:hover,
          .menu-toggleable-left.in .navbar-nav.secondary .nav-item .nav-link a:focus {
            color: #666; }
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .account-menu .nav-link,
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .account-menu .nav-link a {
          font-size: 0.6875rem;
          padding-left: 0;
          padding-bottom: 0; }
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .account-menu .nav-link {
          margin-bottom: 0.375rem; }
        .menu-toggleable-left.in .navbar-nav.secondary .nav-item .account-menu .nav-link a {
          text-decoration: underline; }
          .menu-toggleable-left.in .navbar-nav.secondary .nav-item .account-menu .nav-link a:hover {
            text-decoration: none; }
        .menu-toggleable-left.in .navbar-nav.secondary .account-menu {
          padding: 0; }
  .navbar.bg-inverse {
    height: calc(100% - 2.875rem);
    align-items: flex-start; }
    .navbar.bg-inverse .navbar-nav .nav-item:first-child .nav-link {
      margin-left: 0; }
    .navbar.bg-inverse .navbar-nav .nav-link {
      padding: 0.5rem 0 0.5rem 0.875rem;
      margin: 0 0 0.625rem 0; }
  .multilevel-dropdown .nav-menu .back,
  .multilevel-dropdown .region-back,
  .multilevel-dropdown .country-back {
    padding: 0.875rem 0 1.875rem;
    background-color: #f4f4f4; }
    .multilevel-dropdown .nav-menu .back button,
    .multilevel-dropdown .region-back button,
    .multilevel-dropdown .country-back button {
      border: 0;
      background: transparent;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap;
      font-size: 1.5rem;
      position: relative;
      color: var(--color-black);
      padding: 0 0 0 3.125rem;
      text-align: left; }
      .multilevel-dropdown .nav-menu .back button:before,
      .multilevel-dropdown .region-back button:before,
      .multilevel-dropdown .country-back button:before {
        content: '';
        display: block;
        position: absolute;
        background-image: url("../../images/icons/arrow-left-black.svg");
        background-size: 0.875rem;
        background-repeat: no-repeat;
        background-position: center;
        height: 1.875rem;
        width: 1.875rem;
        border: 0;
        top: 50%;
        left: 1rem;
        transform: translateY(-50%);
        margin: 0; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap;
    font-size: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid #979797;
    padding: 14px 0 12px 0 !important;
    transition: color 0.3s ease;
    width: 100%; }
    .multilevel-dropdown .dropdown-item .dropdown-link:hover, .multilevel-dropdown .dropdown-item .dropdown-link:focus {
      color: #666; }
  .multilevel-dropdown .dropdown-item + .dropdown-item {
    border: 0; }
  .multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle {
    position: relative; }
    .multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle:after {
      content: '';
      display: block;
      background-image: url("../../images/icons/caret-right-black.svg");
      background-size: 0.375rem;
      background-repeat: no-repeat;
      background-position: 100% 50%;
      height: 1.875rem;
      width: 1.875rem;
      border: 0;
      top: 50%;
      right: 2px;
      transform: translateY(-50%);
      margin: 0; }
  .multilevel-dropdown .nav-level-2 .dropdown-item .dropdown-link {
    padding-left: 2.125rem; }
  .multilevel-dropdown .locale-selector .btn-text:hover {
    color: #666; } }

@media (min-width: 992px) {
  .right-promo-column,
  .featured-shop-by-column,
  .menu-wrapping-wrapper {
    box-shadow: inset 0 3px 12px 0 rgba(0, 0, 0, 0.05); }
  .menu-wrapping-wrapper {
    display: flex;
    flex-flow: row nowrap;
    background-color: var(--color-grey200); }
  .featured-shop-by-column {
    background-color: var(--color-grey300); }
  .right-promo-column {
    background-color: var(--color-grey300); }
  .navbar-nav > .dropdown > .dropdown-menu {
    opacity: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease, opacity 0.6s ease;
    pointer-events: none; }
  .navbar-nav > .dropdown.show > .dropdown-menu {
    opacity: 1;
    height: auto;
    max-height: 75vh;
    pointer-events: all;
    overflow-y: scroll; }
    .navbar-nav > .dropdown.show > .dropdown-menu .nav-level-2 > .dropdown-item {
      animation: fade-in-down 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
    .navbar-nav > .dropdown.show > .dropdown-menu .nav-content {
      animation: fade-in-left 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }
  header .navbar-nav > .dropdown.mega-nav .dropdown-link,
  header .navbar-nav > .dropdown.mega-nav .dropdown-item {
    white-space: normal; }
  header .navbar-nav > .dropdown.mega-nav .dropdown-item .dropdown-link {
    line-height: 1;
    padding: 0.375rem 0; }
  header .navbar-nav > .dropdown.mega-nav .dropdown-menu-list,
  header .navbar-nav > .dropdown.mega-nav .dropdown-content-list {
    display: flex; }
  header .navbar-nav > .dropdown.mega-nav .dropdown-menu-list {
    order: 0; }
  header .navbar-nav > .dropdown.mega-nav .dropdown-content-list {
    order: 1;
    background-color: transparent;
    display: flex;
    flex-direction: column; }
    header .navbar-nav > .dropdown.mega-nav .dropdown-content-list .content-item {
      padding: 0;
      color: var(--color-green);
      display: flex;
      flex-grow: 1; }
      header .navbar-nav > .dropdown.mega-nav .dropdown-content-list .content-item .content-asset {
        flex-grow: 1; }
      header .navbar-nav > .dropdown.mega-nav .dropdown-content-list .content-item .nav-content {
        height: 100%;
        width: 100%;
        padding: 0.9375rem 1.875rem; }
      header .navbar-nav > .dropdown.mega-nav .dropdown-content-list .content-item .nav-content__headline {
        font-family: "SuisseIntl-SemiBold", sans-serif;
        font-display: swap;
        font-size: 3rem;
        line-height: 3.875rem;
        margin-bottom: 1.75rem; }
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu {
    padding: 0;
    box-shadow: none;
    padding-left: 0;
    padding-bottom: 24px; }
    header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 {
      padding: 0;
      padding-top: 1.875rem;
      margin-right: 1.875rem;
      background-color: transparent;
      height: 100vh;
      max-height: 43.75rem;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start; }
      header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item {
        width: auto;
        padding: 0.375rem 0;
        padding-left: 35px;
        padding-right: 5px;
        background-color: transparent;
        margin-bottom: 1.25rem; } }
      @media (min-width: 992px) and (max-width: 768.98px) {
        header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item {
          background-color: #f4f4f4; } }

@media (min-width: 992px) {
        header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item > .dropdown-link {
          text-transform: none;
          color: var(--color-black);
          font-family: "SuisseIntl-SemiBold", sans-serif;
          font-display: swap;
          font-size: 1.125rem;
          text-decoration: none;
          max-width: 15rem; }
        header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item > .dropdown-menu .dropdown-menu-list.nav-level-3-plus {
          flex-direction: column; }
          header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item > .dropdown-menu .dropdown-menu-list.nav-level-3-plus > .dropdown-item {
            background-color: transparent;
            width: auto;
            font-size: 0.875rem; }
            header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item > .dropdown-menu .dropdown-menu-list.nav-level-3-plus > .dropdown-item > .dropdown-link {
              font-family: "SuisseIntl-Regular", sans-serif;
              font-display: swap;
              font-size: 0.875rem; } }
            @media (min-width: 992px) and (min-width: 1440px) {
              header .navbar-nav > .dropdown.mega-nav > .dropdown-menu .dropdown-menu-list.nav-level-2 > .dropdown-item > .dropdown-menu .dropdown-menu-list.nav-level-3-plus > .dropdown-item > .dropdown-link {
                max-width: 15rem; } }

@media (min-width: 993px) and (max-width: 1155px) {
  .right-promo-column {
    display: none; } }

@media (min-width: 992px) {
  header .navbar-nav > .dropdown.mega-nav > .dropdown-menu.menu-id-shop-by .dropdown-menu-list.nav-level-2 {
    flex-direction: row;
    flex-wrap: nowrap; } }

@media (max-width: 991.98px) {
  .multilevel-dropdown .dropdown-item {
    padding-right: 15px; } }

@media (min-width: 992px) {
  .header-main .home-main-right .site-search {
    max-height: 2.5rem;
    padding-top: 0; }
    .header-main .home-main-right .site-search input {
      background-image: url("../../images/icons/search-sm.svg");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: 20px 50%; }
    .header-main .home-main-right .site-search .search-field {
      height: 2.5rem;
      padding-left: 3rem;
      padding-right: 0.75rem;
      font-size: 1rem; }
  .header-main.new-gnav .navbar-nav > .nav-item > a.nav-link,
  .header-main.new-gnav .menu-group > nav.navbar-nav > li.nav-item.dropdown.mega-nav {
    white-space: nowrap !important; }
  nav.new-gnav ul.dropdown-menu-list,
  nav.new-gnav .dropdown-content-list {
    display: none !important; }
  nav.new-gnav .nav.navbar-nav li:hover .gnav-dropdown {
    display: block; }
  nav.new-gnav .gnav-dropdown {
    display: none;
    position: absolute;
    left: 50%;
    top: 95%;
    width: 100vw;
    background-color: #f5f5f5;
    z-index: 1000;
    transform: translateX(-50%);
    border-top: none;
    box-shadow: 0px 0.625rem 1.875rem -1.25rem #3c3c3c;
    max-height: 75vh;
    overflow-y: scroll; }
    nav.new-gnav .gnav-dropdown * {
      box-sizing: border-box; }
    nav.new-gnav .gnav-dropdown a {
      display: inline-block; }
    nav.new-gnav .gnav-dropdown > div {
      max-width: 1440px;
      padding: 1.25rem;
      margin: auto;
      display: flex;
      gap: 1.5rem;
      justify-content: center;
      display: grid;
      grid-template-columns: 1fr 4fr 2fr; }
      nav.new-gnav .gnav-dropdown > div.no-subcats {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start; }
      nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper {
        grid-template-columns: 2fr 2fr 2fr; }
        nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-more-item {
          display: none; }
          nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-more-item.expanded {
            display: flex;
            flex-flow: column nowrap; }
          nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-more-item a {
            font-weight: 300; }
            nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-more-item a.active {
              font-weight: 600;
              background-color: white; }
        nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-item-images {
          display: none; }
          nav.new-gnav .gnav-dropdown > div.menu-mode-3-wrapper .list-item-images.expanded {
            display: block;
            width: 18.75rem;
            max-width: 100%; }
    nav.new-gnav .gnav-dropdown .sub-links {
      display: flex;
      flex-wrap: wrap;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
      row-gap: 0.5rem;
      font-weight: 600; }
      nav.new-gnav .gnav-dropdown .sub-links a {
        display: flex;
        align-items: center;
        gap: 6px; }
    nav.new-gnav .gnav-dropdown .all-category-link {
      background: white;
      border-radius: 100px;
      padding: 0.75rem 1.5rem;
      border: 2px solid black;
      font-weight: 600;
      margin-top: 1.5rem; }
    nav.new-gnav .gnav-dropdown .nav-list > div {
      display: flex;
      flex-direction: column;
      gap: 0;
      width: 100%; }
    nav.new-gnav .gnav-dropdown .nav-list > div {
      display: flex;
      flex-direction: column;
      gap: 0;
      width: 100%; }
    nav.new-gnav .gnav-dropdown .nav-list a {
      padding: 8px;
      /* border: 1px dotted red; */
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-width: 13.75rem; }
      nav.new-gnav .gnav-dropdown .nav-list a.sub-sub-link {
        font-weight: 300; }
        nav.new-gnav .gnav-dropdown .nav-list a.sub-sub-link:hover, nav.new-gnav .gnav-dropdown .nav-list a.sub-sub-link.active {
          font-weight: 600; }
    nav.new-gnav .gnav-dropdown .nav-content-item {
      display: none;
      opacity: 0;
      transform: translateY(-20px);
      transition: all 0.3s ease-out; }
      nav.new-gnav .gnav-dropdown .nav-content-item.visible {
        opacity: 1;
        transform: none; }
      nav.new-gnav .gnav-dropdown .nav-content-item.expanded {
        display: block; }
        nav.new-gnav .gnav-dropdown .nav-content-item.expanded a {
          display: block !important; }
          nav.new-gnav .gnav-dropdown .nav-content-item.expanded a.all-category-link {
            display: inline-block !important; }
        nav.new-gnav .gnav-dropdown .nav-content-item.expanded .sub-links a {
          display: block !important; }
          nav.new-gnav .gnav-dropdown .nav-content-item.expanded .sub-links a:not(:last-child) {
            margin-bottom: 8px !important; }
    nav.new-gnav .gnav-dropdown .menu-mode-2-shop-all-link-wrapper {
      text-align: center;
      margin-bottom: 1.875rem; }
      nav.new-gnav .gnav-dropdown .menu-mode-2-shop-all-link-wrapper .all-category-link {
        display: inline-block; }
    nav.new-gnav .gnav-dropdown .sub-banners {
      display: none; }
      nav.new-gnav .gnav-dropdown .sub-banners.expanded {
        display: flex;
        justify-content: flex-end; }
    nav.new-gnav .gnav-dropdown .banners-wrapper {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start; }
    nav.new-gnav .gnav-dropdown .nav-banners {
      min-width: 23.75rem; }
    nav.new-gnav .gnav-dropdown .nav-banner {
      width: 100%;
      max-width: 23.75rem;
      margin-bottom: 0.3125rem; }
    nav.new-gnav .gnav-dropdown .nav-banner a {
      padding: 0;
      margin: 0;
      width: 100%; }
    nav.new-gnav .gnav-dropdown .nav-content-wrapper {
      display: grid;
      justify-content: space-between;
      grid-template-columns: 2fr 1fr;
      gap: 1.5rem; }
    nav.new-gnav .gnav-dropdown.menu-mode-3 .gnav-products-wrapper {
      border: none; }
    nav.new-gnav .gnav-dropdown.menu-mode-3 .list-more-item {
      display: none; }
      nav.new-gnav .gnav-dropdown.menu-mode-3 .list-more-item.expanded {
        display: flex;
        flex-flow: column nowrap; }
      nav.new-gnav .gnav-dropdown.menu-mode-3 .list-more-item > a {
        font-weight: 300; }
        nav.new-gnav .gnav-dropdown.menu-mode-3 .list-more-item > a.active {
          font-weight: 600;
          background-color: white; }
    nav.new-gnav .gnav-dropdown.menu-mode-3 .list-item-images {
      display: none; }
      nav.new-gnav .gnav-dropdown.menu-mode-3 .list-item-images.expanded {
        display: block;
        width: 18.75rem;
        max-width: 100%; }
    nav.new-gnav .gnav-dropdown.menu-mode-3 .nav-list {
      display: flex; }
    nav.new-gnav .gnav-dropdown.menu-mode-4 .gnav-plain-links-wrapper {
      display: grid;
      grid-template-columns: 4fr 2fr;
      justify-content: space-between;
      gap: 1rem 1.5rem; }
      nav.new-gnav .gnav-dropdown.menu-mode-4 .gnav-plain-links-wrapper .gnav-plain-links {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        max-height: 6.25rem; }
        nav.new-gnav .gnav-dropdown.menu-mode-4 .gnav-plain-links-wrapper .gnav-plain-links .gnav-plain-link {
          font-weight: 300;
          padding: 0.25rem 2rem 1.5rem 0.25rem; }
          nav.new-gnav .gnav-dropdown.menu-mode-4 .gnav-plain-links-wrapper .gnav-plain-links .gnav-plain-link:hover {
            font-weight: 600; }
      nav.new-gnav .gnav-dropdown.menu-mode-4 .gnav-plain-links-wrapper .nav-banners {
        display: flex;
        justify-content: flex-end; }
    nav.new-gnav .gnav-dropdown.menu-mode-4 .sub-banners {
      display: block !important; }
    nav.new-gnav .gnav-dropdown nav.new-gnav .gnav-dropdown .sub-banners .multi-level-sub-sub-name {
      font-size: 0.875rem;
      font-family: "SuisseIntl-SemiBold", sans-serif;
      margin-top: 0.75rem; }
  nav.new-gnav .gnav-product-card {
    display: inline-block;
    position: relative;
    width: 11.5625rem;
    max-width: 12.5rem; }
    nav.new-gnav .gnav-product-card .product-badge {
      top: 0.5rem; }
    nav.new-gnav .gnav-product-card img.gnav-product-card-image {
      margin-bottom: 1rem;
      width: auto;
      height: auto;
      max-height: 200px;
      width: 200px;
      -o-object-fit: contain;
         object-fit: contain;
      background: white; }
  nav.new-gnav .gnav-family-name,
  nav.new-gnav .gnav-product-name {
    margin: 0;
    font-size: 0.875rem;
    line-height: 150%;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", sans-serif; }
  nav.new-gnav .gnav-family-name {
    color: #666;
    margin-top: 0.5rem; }
  nav.new-gnav .gnav-product-name {
    font-family: "SuisseIntl-SemiBold", sans-serif; }
  nav.new-gnav .gnav-products-wrapper {
    display: flex;
    gap: 24px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 24px;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 16px;
    margin-top: 24px; }
    nav.new-gnav .gnav-products-wrapper.top-level {
      border: none; }
  nav.new-gnav .no-products .gnav-products-wrapper {
    display: none; }
  nav.new-gnav .sub-sub-link.active {
    background-color: white;
    font-weight: 600; }
  nav.new-gnav .nav-banner-head {
    font-size: 1.5rem;
    font-weight: bold; }
  nav.new-gnav .nav-banner-cta {
    margin-top: 1.875rem; }
  nav.new-gnav .sub-nav-links-list {
    display: none; }
    nav.new-gnav .sub-nav-links-list.expanded {
      display: block; }
  nav.new-gnav .sub-nav-links-list a.plain-link {
    display: block;
    font-weight: 600;
    padding: 6px 0; }
  .nav-banner-image-large {
    display: block; }
  .nav-banner-image-small {
    display: none; } }

@media (max-width: 991.98px) {
  .gnav-dropdown {
    display: none !important; }
  .new-gnav .main-menu.menu-toggleable-left {
    background-color: white; }
    .new-gnav .main-menu.menu-toggleable-left.in .dropdown-toggle:after {
      background-image: url("../../images/icons/caret-right-grey.svg");
      background-size: 90%; }
    .new-gnav .main-menu.menu-toggleable-left li > .close-menu {
      background-color: white; }
    .new-gnav .main-menu.menu-toggleable-left .navbar-nav {
      line-height: 1rem;
      padding-bottom: 0.625rem; }
      .new-gnav .main-menu.menu-toggleable-left .navbar-nav.secondary {
        padding-top: 0.625rem; }
        .new-gnav .main-menu.menu-toggleable-left .navbar-nav.secondary .nav-item .nav-link a {
          display: block;
          font-family: "SuisseIntl-Regular", sans-serif;
          font-size: 1rem;
          line-height: 0.9375rem;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          margin-bottom: 0.5rem;
          margin-top: 0.5rem;
          text-decoration: none !important; }
      .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link {
        font-family: "SuisseIntl-Regular", sans-serif;
        font-size: 1rem;
        line-height: 0.9375rem;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0; }
  .new-gnav .multilevel-dropdown .dropdown-item.top-category {
    background: white;
    border-radius: 100px;
    padding: 0.3125rem 0.625rem;
    border: 2px solid black;
    font-weight: 600;
    margin-top: 1.125rem;
    margin: 2rem 0 1.5rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .new-gnav .multilevel-dropdown .dropdown-item.top-category a {
      font-size: 0.9375rem; }
  .new-gnav .multilevel-dropdown .dropdown-item .dropdown-link {
    font-family: "SuisseIntl-Regular", sans-serif;
    font-size: 1rem;
    line-height: 0.9375rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0; }
  .new-gnav .nav-item a.nav-link {
    border: none; }
  .dropdown-menu-list.nav-level-2, .dropdown-menu-list.nav-level-3-plus {
    background-color: white; }
  .multilevel-dropdown .dropdown-item .dropdown-link {
    border: none; }
  .multilevel-dropdown .nav-menu .back,
  .multilevel-dropdown .region-back,
  .multilevel-dropdown .country-back {
    background-color: white;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.875rem 2.625rem 0.875rem 0; }
    .multilevel-dropdown .nav-menu .back button,
    .multilevel-dropdown .region-back button,
    .multilevel-dropdown .country-back button {
      font-size: 0.875rem;
      font-family: "SuisseIntl-SemiBold", sans-serif;
      width: 100%;
      text-align: center; }
      .multilevel-dropdown .nav-menu .back button:before,
      .multilevel-dropdown .region-back button:before,
      .multilevel-dropdown .country-back button:before {
        left: 0.75rem;
        background-image: url("../../images/icons/arrow-2-left-black.svg"); }
  .nav-banner-image-large {
    display: none; }
  .nav-banner-image-small {
    display: block; }
  .mobile-nav-banners {
    display: flex;
    margin-left: -15px;
    margin-right: -15px; }
  .mobile-nav-banner:first-child {
    margin-right: 2px; }
  .banners-count-1 .nav-banner-image-small {
    width: 100%; }
  .banners-count-1 .mobile-nav-banner:first-child {
    margin-right: 0;
    width: 100%; }
  .nav-level-2 .mobile-nav-banners {
    margin-left: 0;
    margin-right: 0; }
  .menu-toggleable-left.in .show > .dropdown-menu {
    min-height: 160vh; }
  .navbar-nav > .dropdown-item.dropdown.mobile-nav-link.locale-selector-link {
    padding-left: 0; }
  .menu-toggleable-left.in .navbar-nav .nav-item .nav-link.nav-wtb-link,
  .menu-toggleable-left.in .navbar-nav .nav-item .nav-link.nav-account-link {
    padding-left: 0.9375rem; } }

.locale-selector-intro-text {
  display: none; }

.locale-selector-current-locale {
  display: none; }

.locale-selector__toggle-text-message {
  display: none; }

.main-nav-mobile-category-name {
  display: none; }

.main-nav-category-name {
  display: inline; }

.main-nav-badge {
  display: inline-block;
  background-color: #6FFB38;
  font-size: 0.6875rem;
  padding: 1px 9px;
  margin-left: 5px;
  margin-right: 5px; }

.dropdown-toggle .main-nav-badge {
  font-size: 9px;
  padding: 3px 5px 2px;
  transform: translateY(-6px);
  line-height: 9px;
  margin: 0; }

@media (max-width: 991.98px) {
  .main-nav-mobile-category-name {
    display: inline; }
  .main-nav-category-name {
    display: none; }
  .main-nav-badge {
    display: inline-block;
    background-color: #6FFB38;
    font-size: 0.6875rem;
    padding: 1px 9px;
    margin-left: 5px;
    margin-right: 5px;
    transform: translateY(-2px); }
  .navbar-nav .locale-selector-intro-text {
    display: block;
    font-size: 0.75rem;
    color: #666;
    margin-top: 1.125rem;
    margin-bottom: 0.75rem; }
  .navbar-nav .locale-selector__toggle-logo {
    display: none; }
  .navbar-nav .locale-selector-current-locale {
    display: inline-block;
    font-size: 1rem;
    text-decoration: none !important;
    padding-right: 0.25rem;
    pointer-events: none; }
  .navbar-nav .locale-selector__toggle.btn-text {
    text-decoration: none !important; }
  .navbar-nav .locale-selector__toggle-text-country {
    display: none; }
  .navbar-nav .locale-selector__toggle-text-message {
    display: inline;
    font-size: 0.75rem;
    color: #666;
    text-decoration: underline; } }

nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners > div {
  grid-template-columns: 20% 80%; }

nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-5 {
  display: none !important; }

nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners > div {
  grid-template-columns: 1fr 4fr 2fr; }

nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-5 {
  display: none !important; }

nav.new-gnav .gnav-dropdown.productsOnly.no-banners > div {
  grid-template-columns: 1fr; }

nav.new-gnav .gnav-dropdown.productsOnly.has-banners > div {
  grid-template-columns: 2fr 1fr; }

nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-5 {
  display: none !important; }

nav.new-gnav .gnav-dropdown.multiLevel.no-banners > div {
  grid-template-columns: 2fr 2fr 2fr; }

nav.new-gnav .gnav-dropdown.multiLevel.hos-banners > div {
  grid-template-columns: 2fr 2fr 2fr; }

nav.new-gnav .gnav-dropdown.linksOnly.no-banners > div {
  grid-template-columns: 1fr; }

nav.new-gnav .gnav-dropdown.linksOnly.has-banners > div {
  grid-template-columns: 4fr 2fr; }

@media (min-width: 992px) and (max-width: 1350px) {
  nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1546px) {
  nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-3 {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1305px) {
  nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-2, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.productsOnly.no-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.multiLevel.no-banners > div {
    grid-template-columns: 2fr 2fr; }
  nav.new-gnav .gnav-dropdown.multiLevel.has-banners > div {
    grid-template-columns: 2fr 1fr 2fr; }
    nav.new-gnav .gnav-dropdown.multiLevel.has-banners > div.menu-mode-3-wrapper .list-item-images.expanded {
      display: none !important; } }

@media (min-width: 992px) and (max-width: 1115px) {
  nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-1, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-2, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1069px) {
  nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.no-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-1, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-2, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.linksAndProducts.has-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.productsOnly.no-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.productsOnly.no-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; }
  nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-2, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-3, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-4, nav.new-gnav .gnav-dropdown.productsOnly.has-banners .nav-content-item.expanded a.product-card-5 {
    display: none !important; } }

nav.new-gnav .gnav-dropdown .nav-content-item.expanded a.product-card-6, nav.new-gnav .gnav-dropdown .nav-content-item.expanded a.product-card-7, nav.new-gnav .gnav-dropdown .nav-content-item.expanded a.product-card-8, nav.new-gnav .gnav-dropdown .nav-content-item.expanded a.product-card-9 {
  display: none !important; }

@media (min-width: 992px) {
  li.nav-banners-row,
  li.locale-selector-row,
  li.nav-link.mobile-nav-link,
  li.dropdown-item.mobile-nav-link {
    display: none !important; } }

@media (max-width: 991.98px) {
  .inner-flexy-wrapper {
    min-height: 90vh; }
  ul.dropdown-menu-list.nav-level-2 {
    min-height: 90vh; }
  ul.dropdown-menu-list.nav-level-3-plus {
    min-height: 90vh; }
  ul.account-menu {
    list-style-type: none;
    padding: 0; }
    ul.account-menu > li {
      padding: 0 0 0 1em; }
      ul.account-menu > li > a {
        padding-top: 0.875rem;
        padding-bottom: 0.75rem; }
  .menu-toggleable-left.in .dropdown-menu.region-selection-dropdown.show,
  .menu-toggleable-left.in .dropdown-menu.country-selection-dropdown.show {
    left: 0; }
  header .navbar-header ul.navbar-nav .nav-link a {
    color: var(--color-black) !important; }
  .nav-wtb-link a,
  .nav-account-link a,
  .nav-wishlist-link a {
    text-decoration: none !important; }
  .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-wtb-link, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-account-link, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-wishlist-link, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-order-history-link, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-prod-reg-link,
  header .navbar-expand-lg .navbar-nav .nav-link.nav-wtb-link,
  header .navbar-expand-lg .navbar-nav .nav-link.nav-account-link,
  header .navbar-expand-lg .navbar-nav .nav-link.nav-wishlist-link,
  header .navbar-expand-lg .navbar-nav .nav-link.nav-order-history-link,
  header .navbar-expand-lg .navbar-nav .nav-link.nav-prod-reg-link,
  #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-wtb-link,
  #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-account-link,
  #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-wishlist-link,
  #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-order-history-link,
  #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-prod-reg-link,
  #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-wtb-link,
  #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-account-link,
  #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-wishlist-link,
  #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-order-history-link,
  #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-prod-reg-link {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
    line-height: 1.25rem; }
    .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-wtb-link a, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-account-link a, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-wishlist-link a, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-order-history-link a, .new-gnav .main-menu.menu-toggleable-left .navbar-nav .nav-item .nav-link.nav-prod-reg-link a,
    header .navbar-expand-lg .navbar-nav .nav-link.nav-wtb-link a,
    header .navbar-expand-lg .navbar-nav .nav-link.nav-account-link a,
    header .navbar-expand-lg .navbar-nav .nav-link.nav-wishlist-link a,
    header .navbar-expand-lg .navbar-nav .nav-link.nav-order-history-link a,
    header .navbar-expand-lg .navbar-nav .nav-link.nav-prod-reg-link a,
    #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-wtb-link a,
    #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-account-link a,
    #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-wishlist-link a,
    #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-order-history-link a,
    #sg-navbar-colapse .menu-group .nav-item.nav-link.nav-prod-reg-link a,
    #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-wtb-link a,
    #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-account-link a,
    #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-wishlist-link a,
    #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-order-history-link a,
    #sg-navbar-collapse .menu-group .nav-link.nav-user-greeting.nav-prod-reg-link a {
      text-decoration: none;
      padding-bottom: 0.75rem;
      padding-top: 0.875rem; }
  .nav-banners-row {
    margin-top: 0.75rem;
    margin-bottom: 1rem; } }

.sub-sub-link svg {
  min-width: 7px; }

.header-banner {
  position: relative;
  color: var(--color-black); }
  .header-banner .header-promotion:not(:first-child) {
    display: none; }
  .header-banner .slick-initialized .header-promotion {
    display: block; }
  .header-banner .content {
    margin: 0;
    padding: 0; }
  .header-banner.pencil-banner .content {
    max-width: 83%; }
    @media (min-width: 769px) {
      .header-banner.pencil-banner .content {
        max-width: 50%; } }
    .header-banner.pencil-banner .content .slot-content a {
      font-size: inherit; }
      @media (min-width: 769px) {
        .header-banner.pencil-banner .content .slot-content a {
          font-size: inherit; } }
  .header-banner.pencil-banner .slick-track {
    display: flex !important;
    align-items: center; }
  .header-banner .slot-content {
    margin: 0;
    font-size: 0.625rem;
    padding: 0.4375rem 0; }
    .header-banner .slot-content p {
      margin: 0;
      font-size: 0.625rem;
      line-height: 0.625rem;
      padding: 0; }
    @media (min-width: 769px) {
      .header-banner .slot-content {
        font-size: 0.75rem;
        padding: 0.4375rem 0; }
        .header-banner .slot-content p {
          font-size: 0.75rem;
          line-height: 0.75rem; } }
    .header-banner .slot-content:not(.slick-initialized) > div:not(:first-child) {
      display: none !important; }
  .header-banner .close-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    .header-banner .close-button .close {
      background-color: transparent; }
      .header-banner .close-button .close:before {
        content: '';
        display: block;
        background-image: url("../../images/icons/close-white.svg");
        background-size: 0.3125rem;
        background-repeat: no-repeat;
        background-position: center;
        height: 1.875rem;
        width: 1.875rem; }
        @media (min-width: 769px) {
          .header-banner .close-button .close:before {
            background-size: 0.5625rem; } }

.header-main {
  border-bottom: 0;
  height: 4.5rem; }
  @media (min-width: 992px) {
    .header-main {
      height: 6.4375rem;
      position: relative; } }
  .header-main > .container, .promo.banner .header-main > .text.overlay {
    height: 100%; }
    .header-main > .container > .row, .promo.banner .header-main > .text.overlay > .row {
      height: 100%; }

.navbar-toggler {
  padding: 0;
  z-index: 400; }
  .navbar-toggler:before {
    content: '';
    display: block;
    background-image: url("../../images/icons/menu-black.svg");
    background-size: 1.625rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 1.875rem;
    width: 1.875rem; }
  .navbar-toggler:focus {
    outline: 0; }
  .navbar-toggler.menu-active:before {
    background-image: url("../../images/icons/close-black.svg");
    background-size: 0.875rem; }

.main-menu {
  padding-top: 18px;
  background-color: #f4f4f4; }

@media (min-width: 992px) {
  .header-main-inner {
    position: relative;
    height: 6.4375rem; } }

@media (max-width: 768.98px) {
  .header-main-inner {
    padding-top: 0;
    padding-bottom: 0; } }

.home-main-left,
.home-main-right {
  display: flex;
  align-items: center; }

.home-main-left {
  flex-wrap: nowrap;
  padding-left: 2.625rem; }
  @media (min-width: 769px) {
    .home-main-left {
      padding-left: 9.375rem; } }
  @media (min-width: 992px) {
    .home-main-left {
      padding-left: 1.4375rem; } }

.home-main-right {
  justify-content: flex-end;
  height: 100%;
  position: relative; }
  @media (min-width: 992px) {
    .home-main-right {
      flex-grow: 1;
      padding-right: 1.25rem; } }

.brand {
  margin: 0; }
  @media (min-width: 769px) {
    .brand {
      margin: 0 2.1875rem 0 0; } }
  .brand img.site-logo.belkin-logo {
    width: 5.1875rem;
    max-width: 5.1875rem; }

@media (min-width: 769px) {
  margin-bottom: reset; }

.navbar-header .user {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: static; }
  .navbar-header .user .popover {
    top: 98%;
    left: unset;
    right: 0;
    width: 100vw;
    min-width: 20rem;
    max-width: none;
    height: 100vh;
    padding: 1.875rem 2.1875rem;
    border: 0;
    overflow: auto;
    color: var(--color-white); }
    @media (min-width: 769px) {
      .navbar-header .user .popover {
        height: auto;
        width: auto; } }
    .navbar-header .user .popover .user-greeting {
      display: block;
      font-family: "SuisseIntl-SemiBold", sans-serif;
      font-display: swap;
      font-size: 1rem;
      margin-bottom: 1.25rem; }
      @media (min-width: 769px) {
        .navbar-header .user .popover .user-greeting {
          font-size: 1.25rem; } }
    .navbar-header .user .popover .nav {
      width: 100%;
      flex-direction: column; }
      .navbar-header .user .popover .nav .nav-item {
        padding: 0.5625rem 0; }
      .navbar-header .user .popover .nav a {
        font-family: "SuisseIntl-Medium", sans-serif;
        font-display: swap;
        font-size: 1rem;
        text-decoration: none; }
        .navbar-header .user .popover .nav a:hover {
          text-decoration: underline; }
    .navbar-header .user .popover .nav.secondary {
      margin: 2.1875rem 0 0; }
      .navbar-header .user .popover .nav.secondary .nav-item {
        padding: 0.5625rem 0; }
      .navbar-header .user .popover .nav.secondary a {
        display: block;
        float: left;
        font-family: "SuisseIntl-Medium", sans-serif;
        font-display: swap;
        font-size: 1rem; }

.store-locate {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center; }
  .store-locate:before {
    content: '';
    display: block;
    background-image: url("../../images/icons/location.svg");
    background-size: 0.875rem;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    width: 1.875rem; }

.account-link {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center; }
  .account-link:before {
    content: '';
    display: block;
    background-image: url("../../images/icons/account.svg");
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    width: 1.875rem; }
    @media (min-width: 769px) {
      .account-link:before {
        background-size: 0.875rem; } }

.header__register {
  display: flex;
  flex-direction: column;
  margin-top: 3rem; }
  .header__register-heading {
    font-size: 0.875rem; }
  .header__register-sub-heading {
    font-size: 0.75rem;
    white-space: nowrap; }
  .header__register-link {
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap; }

.header__account-heading {
  margin-bottom: 1.4375rem;
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap;
  color: var(--color-white); }

.header__login .login .form-group {
  margin-bottom: 1.25rem; }

.header__login .login .form-control::-moz-placeholder {
  color: var(--color-white); }

.header__login .login .form-control::placeholder {
  color: var(--color-white); }

.header__login .login .login__submit-button {
  color: var(--color-white);
  background-color: var(--skin-primary-color-invert);
  border-color: transparent;
  width: 100%;
  margin-top: 2rem; }

.header__login .login-helpers {
  display: none; }

.header__login .header-login__helpers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.875rem; }

@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-xs .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xs .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none; }
  .collapsible-xs.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block; } }

.container div.collapsible-xs button.title, .promo.banner .text.overlay div.collapsible-xs button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xs button.title:hover, .promo.banner .text.overlay div.collapsible-xs button.title:hover {
    text-decoration: none; }

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-sm .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-sm .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none; }
  .collapsible-sm.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block; } }

.container div.collapsible-sm button.title, .promo.banner .text.overlay div.collapsible-sm button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-sm button.title:hover, .promo.banner .text.overlay div.collapsible-sm button.title:hover {
    text-decoration: none; }

@media (max-width: 991.98px) {
  .collapsible-md .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-md .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-md .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none; }
  .collapsible-md.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block; } }

.container div.collapsible-md button.title, .promo.banner .text.overlay div.collapsible-md button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-md button.title:hover, .promo.banner .text.overlay div.collapsible-md button.title:hover {
    text-decoration: none; }

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-lg .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-lg .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none; }
  .collapsible-lg.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block; } }

.container div.collapsible-lg button.title, .promo.banner .text.overlay div.collapsible-lg button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-lg button.title:hover, .promo.banner .text.overlay div.collapsible-lg button.title:hover {
    text-decoration: none; }

@media (max-width: 1439.98px) {
  .collapsible-xl .title {
    line-height: 2.5rem;
    /* 40/16 */ }
    .collapsible-xl .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xl .title::after {
      float: right;
      content: "\F078";
      font-family: "FontAwesome"; }
  .collapsible-xl .content,
  .collapsible-xl .card-body {
    display: none; }
  .collapsible-xl.active .title::after {
    content: "\F077";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xl.active .content,
  .collapsible-xl.active .card-body {
    display: block; } }

.container div.collapsible-xl button.title, .promo.banner .text.overlay div.collapsible-xl button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xl button.title:hover, .promo.banner .text.overlay div.collapsible-xl button.title:hover {
    text-decoration: none; }

.collapsible-xxl .title {
  line-height: 2.5rem;
  /* 40/16 */ }
  .collapsible-xxl .title::after {
    display: block;
    clear: both;
    content: ""; }
  .collapsible-xxl .title::after {
    float: right;
    content: "\F078";
    font-family: "FontAwesome"; }

.collapsible-xxl .content,
.collapsible-xxl .card-body {
  display: none; }

.collapsible-xxl.active .title::after {
  content: "\F077";
  margin-top: -0.125em;
  /* 2/16 */ }

.collapsible-xxl.active .content,
.collapsible-xxl.active .card-body {
  display: block; }

.container div.collapsible-xxl button.title, .promo.banner .text.overlay div.collapsible-xxl button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent; }
  .container div.collapsible-xxl button.title:hover, .promo.banner .text.overlay div.collapsible-xxl button.title:hover {
    text-decoration: none; }

footer {
  background-color: #e9ecef;
  padding-top: 1.25em;
  /* 20/16 */
  padding-bottom: 1.25em; }
  footer h2 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 2.5em;
    /* 40/16 */ }
  footer ul {
    list-style: none;
    padding-left: 0; }
  footer .social h2 {
    margin-top: 0; }
  footer .social::after {
    display: block;
    clear: both;
    content: ""; }
  footer .copyright,
  footer .social {
    margin-top: 1.25em; }
  footer .footer-container .footer-item.collapsible-xs button {
    font-family: 'Dosis', sans-serif;
    padding: 0; }
  footer .social-links {
    float: left; }
    footer .social-links::after {
      display: block;
      clear: both;
      content: ""; }
    @media (max-width: 543.98px) {
      footer .social-links {
        width: 80%; } }
    footer .social-links li {
      float: left;
      margin: 0.313em; }
      @media (max-width: 543.98px) {
        footer .social-links li {
          width: 20%;
          text-align: center; } }
    footer .social-links a {
      font-size: 2.25em; }
      footer .social-links a:hover {
        text-decoration: none; }
  @media (max-width: 543.98px) {
    footer .store {
      border-bottom: 1px solid #979797; }
      footer .store .content {
        display: none; }
      footer .store h2::after {
        display: block;
        clear: both;
        content: ""; }
      footer .store h2::after {
        font-family: "FontAwesome";
        float: right;
        content: "\F041"; } }
  footer .content {
    font-size: 0.875em; }
    footer .content li {
      height: 1.875rem; }
  footer .copyright,
  footer .postscript {
    font-size: 0.8125em; }
  footer .copyright {
    margin-bottom: 0.625em; }
  footer .back-to-top {
    margin: 0.1em 0.313em;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none; }
    footer .back-to-top i.fa-arrow-up {
      color: rgba(0, 0, 0, 0.7); }
    footer .back-to-top i.fa-circle {
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

@media (max-width: 543.98px) {
  .footer-item {
    border-bottom: 1px solid #979797; } }

#consent-tracking .button-wrapper button {
  margin: 0.5em; }

.email-signup-message {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.email-signup-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .email-signup-alert.show {
    display: block; }

@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-xs .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xs .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none; }
  .collapsible-xs.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block; } }

.container div.collapsible-xs button.title, .promo.banner .text.overlay div.collapsible-xs button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-xs button.title:hover, .promo.banner .text.overlay div.collapsible-xs button.title:hover {
    text-decoration: none; }

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-sm .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-sm .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none; }
  .collapsible-sm.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block; } }

.container div.collapsible-sm button.title, .promo.banner .text.overlay div.collapsible-sm button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-sm button.title:hover, .promo.banner .text.overlay div.collapsible-sm button.title:hover {
    text-decoration: none; }

@media (max-width: 991.98px) {
  .collapsible-md .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-md .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-md .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none; }
  .collapsible-md.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block; } }

.container div.collapsible-md button.title, .promo.banner .text.overlay div.collapsible-md button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-md button.title:hover, .promo.banner .text.overlay div.collapsible-md button.title:hover {
    text-decoration: none; }

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-lg .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-lg .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none; }
  .collapsible-lg.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block; } }

.container div.collapsible-lg button.title, .promo.banner .text.overlay div.collapsible-lg button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-lg button.title:hover, .promo.banner .text.overlay div.collapsible-lg button.title:hover {
    text-decoration: none; }

@media (max-width: 1439.98px) {
  .collapsible-xl .title {
    line-height: 2.5rem;
    /* 40/16 */
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    text-transform: uppercase; }
    .collapsible-xl .title::after {
      display: block;
      clear: both;
      content: ""; }
    .collapsible-xl .title::after {
      float: right;
      content: "\F067";
      font-family: "FontAwesome";
      font-size: 0.875rem;
      margin-right: 0.5rem; }
  .collapsible-xl .content,
  .collapsible-xl .card-body {
    display: none; }
  .collapsible-xl.active .title::after {
    content: "\F068";
    margin-top: -0.125em;
    /* 2/16 */ }
  .collapsible-xl.active .content,
  .collapsible-xl.active .card-body {
    display: block; } }

.container div.collapsible-xl button.title, .promo.banner .text.overlay div.collapsible-xl button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-xl button.title:hover, .promo.banner .text.overlay div.collapsible-xl button.title:hover {
    text-decoration: none; }

.collapsible-xxl .title {
  line-height: 2.5rem;
  /* 40/16 */
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap;
  font-size: 0.875rem;
  text-transform: uppercase; }
  .collapsible-xxl .title::after {
    display: block;
    clear: both;
    content: ""; }
  .collapsible-xxl .title::after {
    float: right;
    content: "\F067";
    font-family: "FontAwesome";
    font-size: 0.875rem;
    margin-right: 0.5rem; }

.collapsible-xxl .content,
.collapsible-xxl .card-body {
  display: none; }

.collapsible-xxl.active .title::after {
  content: "\F068";
  margin-top: -0.125em;
  /* 2/16 */ }

.collapsible-xxl.active .content,
.collapsible-xxl.active .card-body {
  display: block; }

.container div.collapsible-xxl button.title, .promo.banner .text.overlay div.collapsible-xxl button.title {
  color: var(--skin-secondary-color);
  text-decoration: none;
  border: none;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .container div.collapsible-xxl button.title:hover, .promo.banner .text.overlay div.collapsible-xxl button.title:hover {
    text-decoration: none; }

footer {
  padding-top: 0; }
  @media (min-width: 769px) {
    footer {
      padding-top: 1.25em; } }
  footer .footer-container .footer-item.collapsible-xs button {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
  footer .store h2 {
    line-height: 2.5rem; }
    @media (min-width: 769px) {
      footer .store h2 {
        line-height: 1.5; } }
    footer .store h2:after {
      float: left;
      margin-right: 0.5rem; }
  .page[data-action="Product-Show"] footer {
    padding-bottom: 8.25rem; }
    @media (min-width: 769px) {
      .page[data-action="Product-Show"] footer {
        padding-bottom: 1.25em; } }

.email-signup-message {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 99; }

.email-signup-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 0.3125rem grey;
  padding: 0.8125rem 1.25rem 0.8125rem 4.3125rem; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .email-signup-alert.show {
    display: block; }

.sfmc-preferences-modal,
.modal-sfmc-preferences-success {
  color: var(--color-black); }

.preferences-options-content {
  margin: 1.5625rem 0 1.875rem; }
  .preferences-options-content .custom-checkbox {
    margin: 0.625rem 0; }

@media (min-width: 769px) {
  .btn.btn-primary-inverse {
    border: 1px solid var(--color-white); }
    .btn.btn-primary-inverse:hover, .btn.btn-primary-inverse.active {
      border-color: transparent; } }

.footer .btn.subscribe-email {
  font-size: 0.875rem;
  white-space: nowrap; }

.footer .btn.klaviyo_form_trigger {
  font-size: 0.875rem;
  white-space: nowrap; }

.input-group-prepend .btn.subscribe-email, .input-group-append .btn.subscribe-email {
  z-index: 0; }

.input-group-prepend .btn.klaviyo_form_trigger, .input-group-append .btn.klaviyo_form_trigger {
  z-index: 0; }

@media (min-width: 769px) {
  .change-location {
    margin-top: 2rem; } }

@media (max-width: 768.98px) {
  .change-location {
    border-top: 1px solid var(--color-white);
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px; }
    .change-location a:before {
      padding-right: 15px; } }

.footer {
  padding: 0;
  background: var(--color-black);
  color: var(--color-white);
  position: relative;
  overflow: hidden; }
  .footer__container {
    padding: 1.875rem 1.375rem 8.5rem; }
    @media (min-width: 769px) {
      .footer__container {
        padding: 2.8125rem 1.5rem 8.5rem 2.8125rem; } }
  .footer-brand {
    margin-bottom: 1.875rem;
    padding: 0; }
    @media (min-width: 769px) {
      .footer-brand {
        margin-bottom: 0.625rem; } }
    @media (min-width: 992px) {
      .footer-brand {
        margin-bottom: 0; } }
  .footer-logo {
    margin-bottom: 1.5625rem; }
    @media (min-width: 769px) {
      .footer-logo {
        margin-bottom: 1.5625rem; } }
    .footer-logo__img {
      width: 5.5625rem;
      height: auto;
      transition: width 0.3s ease-in-out, height 0.3s ease-in-out; }
      @media (min-width: 769px) {
        .footer-logo__img {
          width: 6.9375rem;
          height: auto; } }
  .footer-form__heading {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.9375rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
    @media (max-width: 768.98px) {
      .footer-form__heading {
        margin-bottom: 0.3125rem; } }
  .footer-form__description {
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-bottom: 0.8125rem; }
    @media (max-width: 768.98px) {
      .footer-form__description {
        margin-bottom: 1.5625rem; } }
  .footer-form .form-group .input-group-append {
    margin-top: 0; }
    @media (min-width: 769px) and (max-width: 991.98px) {
      .footer-form .form-group .input-group-append {
        margin-top: 0.875rem; } }
  .footer-form .form-control {
    margin-right: 0; }
    @media (min-width: 769px) {
      .footer-form .form-control {
        width: 100%;
        max-width: 14.375rem; } }
    @media (min-width: 992px) {
      .footer-form .form-control {
        margin-right: 0.875rem; } }
    .footer-form .form-control:focus + .input-group-append .btn {
      color: var(--color-black);
      background-color: var(--color-white);
      border-color: transparent; }
      @media (max-width: 768.98px) {
        .footer-form .form-control:focus + .input-group-append .btn {
          background: none; }
          .footer-form .form-control:focus + .input-group-append .btn path {
            fill: var(--color-white);
            stroke: var(--color-white); } }
  .footer-form .btn path {
    transition: all 0.15s ease-in-out; }
  .m-dark-form.footer-form .btn,
  .footer-form .btn {
    min-width: 5.9375rem;
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap; }
    @media (max-width: 768.98px) {
      .m-dark-form.footer-form .btn,
      .footer-form .btn {
        min-width: auto;
        padding: 0.5625rem 0.9375rem;
        position: absolute;
        right: 0;
        width: auto;
        background: none; }
        .m-dark-form.footer-form .btn:hover, .m-dark-form.footer-form .btn:active,
        .footer-form .btn:hover,
        .footer-form .btn:active {
          background: none; }
          .m-dark-form.footer-form .btn:hover path, .m-dark-form.footer-form .btn:active path,
          .footer-form .btn:hover path,
          .footer-form .btn:active path {
            fill: var(--color-white);
            stroke: var(--color-white); } }
  .footer-form .invalid-feedback::before {
    content: '*'; }
  .footer-menu {
    display: block; }
    @media (max-width: 768.98px) {
      .footer-menu {
        order: 2;
        display: flex;
        flex-direction: column; } }
    @media (min-width: 769px) {
      .footer-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 0 0 4.375rem; } }
    @media (min-width: 992px) {
      .footer-menu {
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding: 0;
        max-width: 60%; } }
    .footer-menu__item {
      flex: 1 1 auto; }
      @media (min-width: 769px) {
        .footer-menu__item {
          padding: 0 0.625rem;
          border: none; } }
      .footer-menu__item:first-child {
        border-top: 1px solid var(--color-white); }
        @media (min-width: 769px) {
          .footer-menu__item:first-child {
            border: none; } }
        .footer-menu__item:first-child.footer-menu-account {
          border-top: none; }
      @media (max-width: 768.98px) {
        .footer-menu__item:nth-child(2) {
          border-top: 1px solid var(--color-white); } }
      .footer-menu__item h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-family: "SuisseIntl-SemiBold", sans-serif;
        font-display: swap; }
      .footer-menu__item .btn {
        color: var(--color-white);
        padding: 0.8125rem 0.9375rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
        text-decoration: none;
        text-align: left;
        width: 100%;
        position: relative;
        border-bottom: 1px solid var(--color-white);
        font-family: "SuisseIntl-Regular", sans-serif;
        font-display: swap; }
        @media (min-width: 769px) {
          .footer-menu__item .btn {
            pointer-events: none;
            padding: 0;
            width: auto;
            cursor: text;
            margin-bottom: 10px;
            border: none;
            font-size: 0.875rem;
            font-family: "SuisseIntl-SemiBold", sans-serif;
            font-display: swap; } }
        .footer-menu__item .btn:hover {
          color: inherit;
          text-decoration: inherit; }
        .footer-menu__item .btn.collapsed::before {
          content: '+'; }
        .footer-menu__item .btn::before {
          content: '-';
          position: absolute;
          top: 50%;
          right: 0;
          transform: translate(0, -50%); }
          @media (min-width: 769px) {
            .footer-menu__item .btn::before {
              display: none; } }
      .footer-menu__item .collapse,
      .footer-menu__item .collapsing {
        margin-bottom: 0;
        padding: 0.9375rem 0.9375rem 0; }
        @media (min-width: 769px) {
          .footer-menu__item .collapse,
          .footer-menu__item .collapsing {
            padding: 0rem; } }
        .footer-menu__item .collapse li,
        .footer-menu__item .collapsing li {
          margin-bottom: 0.625rem; }
          .footer-menu__item .collapse li:last-of-type,
          .footer-menu__item .collapsing li:last-of-type {
            margin-bottom: 0.9375rem; }
      .footer-menu__item a {
        text-decoration: none;
        display: block;
        font-family: "SuisseIntl-Regular", sans-serif; }
        @media (min-width: 769px) {
          .footer-menu__item a {
            display: inline-block;
            font-size: 0.875rem;
            line-height: 1.125rem; } }
        .footer-menu__item a:hover {
          color: inherit;
          text-decoration: underline; }
  .footer-country-selector {
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--color-white); }
    @media (min-width: 769px) {
      .footer-country-selector {
        border: none; } }
  .footer-bottom {
    margin-top: 3.75rem;
    display: flex;
    align-items: center; }
    @media (min-width: 769px) {
      .footer-bottom {
        justify-content: flex-start;
        margin-top: 3.75rem; } }
  .footer-copyright {
    font-size: 0.5625rem;
    line-height: 0.6875rem;
    margin-right: 1.375rem; }
    .footer-copyright p,
    .footer-copyright p > a,
    .footer-copyright p > a:hover {
      font-size: 0.5625rem;
      line-height: 0.6875rem;
      margin: 0;
      text-decoration: none; }
    @media (max-width: 768.98px) {
      .footer-copyright {
        padding-top: 2.5rem; } }
  .footer-social {
    display: flex;
    align-items: center;
    margin-bottom: 0.9375rem; }
    @media (max-width: 768.98px) {
      .footer-social {
        margin-bottom: 2.8125rem; } }
    .footer-social .social-link {
      font-size: 1.75rem; }
      .footer-social .social-link + .social-link {
        margin-left: 1.25rem; }
      .footer-social .social-link:hover {
        color: #999; }
        .footer-social .social-link:hover svg path {
          fill: #999 !important; }
  .footer .fa {
    font-size: 1.25rem; }

.locale-selector {
  color: var(--color-white); }
  .main-menu .locale-selector__toggle {
    padding-left: 1.5rem;
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap; }
  .locale-selector .close {
    opacity: 1;
    transition: 0.3s ease; }
    @media (min-width: 769px) {
      .locale-selector .close {
        opacity: 0.7; } }
    .locale-selector .close::before {
      width: 1.25rem;
      height: 1.25rem;
      background-image: url("../../images/icons/close-white.svg"); }
  .locale-selector__toggle {
    display: flex;
    align-items: center; }
    .locale-selector__toggle.btn {
      width: 100%;
      padding: 0; }
      @media (min-width: 769px) {
        .locale-selector__toggle.btn {
          width: auto;
          font-size: 0.75rem; } }
  .locale-selector__toggle-text {
    color: var(--color-white);
    margin-left: 0.625rem; }
  .locale-selector__inner {
    padding: 1.5625rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    background: var(--color-black);
    width: 100%;
    height: 100%;
    max-height: 100vh;
    display: flex;
    flex-direction: column; }
    @media (min-width: 769px) {
      .locale-selector__inner {
        padding: 3.5rem 3.5rem 2.5rem;
        position: absolute;
        display: block; } }
  .locale-selector__header {
    margin-bottom: 2.1875rem;
    display: flex;
    justify-content: space-between; }
  .locale-selector__heading {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: var(--color-white);
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
  .locale-selector__row {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    overflow: hidden;
    flex: 0 1 100%;
    justify-content: flex-end;
    margin: 0 -1.5625rem;
    padding: 0 1.5625rem; }
    @media (min-width: 769px) {
      .locale-selector__row {
        padding: 0;
        margin: 0;
        position: static;
        flex-direction: row-reverse; } }
  .locale-selector__col_regions {
    flex: 0 0 auto; }
    @media (min-width: 769px) {
      .locale-selector__col_regions {
        margin-right: 1.25rem;
        max-width: 13.75rem;
        flex: 1 0 30%; } }
  .locale-selector__col_location {
    flex: 1 0 100%;
    max-width: 100%;
    background: #000;
    height: 100%; }
    @media (min-width: 769px) {
      .locale-selector__col_location {
        flex: 0 1 70%;
        position: static;
        height: auto; } }
    .locale-selector__col_location.m-show {
      z-index: 1; }
      @media (min-width: 769px) {
        .locale-selector__col_location.m-show {
          position: static;
          background: none;
          height: auto; } }
      @media (min-width: 769px) {
        .locale-selector__col_location.m-show + .locale-selector__col_regions {
          transform: translate(0, 0); } }
  .locale-selector__col-heading {
    font-size: 1rem;
    line-height: 1.1875rem;
    margin-bottom: 0.625rem;
    color: var(--color-white);
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
    @media (min-width: 769px) {
      .locale-selector__col-heading {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
  @media (min-width: 769px) {
    .locale-selector__list-item {
      margin-bottom: 0.875rem; } }
  .locale-selector__btn.btn {
    padding: 0.6875rem 0;
    color: var(--color-white);
    text-decoration: none;
    position: relative;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.1875rem;
    width: 100%;
    text-align: left;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
    @media (min-width: 769px) {
      .locale-selector__btn.btn {
        font-size: 0.875rem;
        line-height: 1.125rem;
        width: auto;
        padding: 0;
        font-family: "SuisseIntl-Regular", sans-serif; } }
    .locale-selector__btn.btn::after {
      content: '';
      transition: 0.3s ease;
      opacity: 0;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0.125rem; }
    .locale-selector__btn.btn::before {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%);
      transition: 0.3s ease;
      opacity: 0;
      width: 1.875rem;
      height: 1.875rem;
      background-image: url("../../images/icons/check.svg");
      background-size: 1.875rem 1.875rem; }
    .locale-selector__btn.btn:hover {
      color: var(--color-white);
      text-decoration: none; }
      @media (min-width: 769px) {
        .locale-selector__btn.btn:hover::after {
          text-decoration: underline; } }
    .locale-selector__btn.btn.m-active {
      color: var(--color-black); }
      @media (min-width: 769px) {
        .locale-selector__btn.btn.m-active {
          color: var(--color-white);
          pointer-events: none;
          font-family: "SuisseIntl-Medium", sans-serif; } }
      .locale-selector__btn.btn.m-active::before {
        opacity: 1; }
        @media (min-width: 769px) {
          .locale-selector__btn.btn.m-active::before {
            display: none; } }
  .locale-selector__action {
    margin-top: 2.5rem;
    overflow: hidden;
    flex-shrink: 0; }
    .locale-selector__action .btn {
      transition: 0.3s ease;
      -webkit-appearance: none; }
      .locale-selector__action .btn:hover {
        background: var(--color-white);
        color: var(--color-black); }
  .locale-selector__anim-block {
    transform: translate(0, 100%);
    transition: 0.6s ease;
    opacity: 0; }
    @media (min-width: 769px) {
      .locale-selector__anim-block {
        transition: 0.3s ease; } }
    .locale-selector__anim-block.m-show {
      transform: translate(0, 0);
      opacity: 1; }

.location-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 2.8125rem; }
  .location-block.locale-selector__anim-block {
    transition: calc(0.3s * 2) ease; }
  @media (min-width: 769px) {
    .location-block {
      display: block;
      margin-top: 0; } }
  .location-block__header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .location-block__close {
    display: block; }
    @media (min-width: 769px) {
      .location-block__close {
        display: none; } }
    .location-block__close .close::before {
      width: 1.25rem;
      height: 1.25rem;
      background-size: 0.9375rem 0.9375rem; }
  .location-block__inner {
    display: block;
    overflow: auto;
    height: 100%;
    margin: 0 -1.5625rem;
    padding: 0 1.5625rem;
    transition: 0.3s ease;
    position: absolute;
    opacity: 0; }
    .location-block__inner.m-show {
      position: relative;
      opacity: 1;
      z-index: 100; }
    @media (min-width: 769px) {
      .location-block__inner {
        margin: 0;
        padding: 0;
        display: flex; } }
  .location-block__list {
    margin-bottom: 0; }
    @media (min-width: 769px) {
      .location-block__list + .location-block__list {
        margin-left: 0.625rem; } }

.hero {
  height: 25vw;
  background-size: cover;
  background-position: 50%;
  position: relative; }
  .hero h1.page-title {
    top: 50%;
    margin: -1em 0 0; }

@media (min-width: 544px) {
  .slant-down::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0;
    border-left-width: 90vw;
    border-bottom: 4vw solid #fff; } }

@media (min-width: 544px) {
  .slant-up::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0;
    border-right-width: 90vw;
    border-top: 4vw solid #fff; } }

h1.page-title {
  position: relative;
  color: white;
  padding: 0.3125em 0.625em 0.3125em 15px;
  background-color: var(--skin-primary-color-1);
  display: inline-block;
  margin: 0.9375em 0;
  font-size: 1.5rem; }
  @media (min-width: 544px) {
    h1.page-title {
      font-size: 2rem; } }
  @media (min-width: 769px) {
    h1.page-title {
      font-size: 3rem; } }
  h1.page-title::before {
    content: "";
    background-color: var(--skin-primary-color-1);
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0; }
    @media (min-width: 1200px) and (max-width: 1439.98px) {
      h1.page-title::before {
        width: calc((100vw - 1470px) / 2);
        left: calc((100vw - 1470px) / 2 * -1); } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      h1.page-title::before {
        width: calc((100vw - ) / 2);
        left: calc((100vw - ) / 2 * -1); } }
    @media (min-width: 769px) and (max-width: 991.98px) {
      h1.page-title::before {
        width: calc((100vw - ) / 2);
        left: calc((100vw - ) / 2 * -1); } }
  @media (min-width: 1200px) and (max-width: 1439.98px) {
    h1.page-title {
      left: calc((100% - 1470px) / 2); } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    h1.page-title {
      left: calc((100% - ) / 2); } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    h1.page-title {
      left: calc((100% - ) / 2); } }
  @media (max-width: 768.98px) {
    h1.page-title {
      left: 0; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.hero h1.page-title {
  position: relative;
  top: 50%;
  margin: -1em 0 0;
  color: var(--color-white); }

h1.page-title {
  position: static;
  color: var(--color-black);
  padding: 0;
  background-color: transparent;
  margin: 0.9375rem 0 0.4rem; }
  h1.page-title::before {
    display: none; }
  .homepage h1.page-title {
    position: relative;
    color: var(--color-white);
    padding: 0.3125rem 0.625rem 0.3125rem 15px;
    background-color: var(--skin-primary-color-1); }
    @media (min-width: 1200px) {
      .homepage h1.page-title {
        left: calc((100% - 1200px) / 2); } }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      .homepage h1.page-title {
        left: calc((100% - ) / 2); } }
    @media (min-width: 769px) and (max-width: 991.98px) {
      .homepage h1.page-title {
        left: calc((100% - ) / 2); } }
    @media (max-width: 768.98px) {
      .homepage h1.page-title {
        left: 0; } }
    .homepage h1.page-title::before {
      display: block;
      content: "";
      background-color: var(--skin-primary-color-1);
      height: 100%;
      width: 0;
      position: absolute;
      left: 0;
      top: 0; }
      @media (min-width: 1200px) {
        .homepage h1.page-title::before {
          width: calc((100vw - 1200px) / 2);
          left: calc((100vw - 1200px) / 2 * -1); } }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        .homepage h1.page-title::before {
          width: calc((100vw - ) / 2);
          left: calc((100vw - ) / 2 * -1); } }
      @media (min-width: 769px) and (max-width: 991.98px) {
        .homepage h1.page-title::before {
          width: calc((100vw - ) / 2);
          left: calc((100vw - ) / 2 * -1); } }

.page-banner + .page-heading {
  position: absolute;
  top: 1.75rem;
  left: 0;
  padding: 0.625rem 1rem 0.625rem 2.0625rem;
  width: auto; }
  @media (min-width: 544px) {
    .page-banner + .page-heading {
      top: 3.75rem; } }
  .page-banner + .page-heading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--skin-primary-color);
    opacity: 0.6; }
  .page-banner + .page-heading h1.page-title {
    position: relative;
    left: 0;
    color: var(--color-white);
    margin: 0;
    z-index: 1; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Dosis', sans-serif; }

/* default header styles being overriden by skins/typography now */
/* default header styles being overridden by skins/typography now */
/* default header styles being overridden by skins/typography now */
.notify {
  position: fixed;
  top: 0; }

.price {
  color: #222; }
  .price .strike-through {
    text-decoration: line-through;
    color: var(--color-black);
    margin-right: 0.938rem; }
  .price .starting,
  .price .range,
  .price .sales {
    font-weight: bold; }
  .price .on-sale {
    color: var(--color-red); }
  .price .tiered {
    color: #222; }
    .price .tiered table {
      border-top: 1px solid #ccc;
      margin: 0 auto; }
      .price .tiered table tr:nth-child(odd) {
        background-color: #eee; }
    .price .tiered td,
    .price .tiered span.price {
      font-size: 0.875rem;
      font-weight: bold; }
    .price .tiered td {
      padding: 0.313rem; }
      .price .tiered td.quantity {
        font-weight: normal;
        text-align: right; }
      .price .tiered td.value {
        text-align: left; }
    .price .tiered .table-header {
      font-size: 1.125rem;
      padding: 0.313rem; }
    .price .tiered .column-header {
      font-size: 1rem;
      padding: 0.313rem;
      font-weight: normal; }
    .price .tiered .column-header.quantity {
      text-align: right; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.price .strike-through .value {
  white-space: nowrap; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.form-nav .nav-tabs .nav-link {
  color: #333; }

.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover {
  background-color: #fff;
  color: #333; }

.nav-tabs .nav-link.active {
  background-color: transparent; }

@media (min-width: 992px) {
  .form-nav .nav-item > .nav-link {
    color: #333; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.nav-fill .nav-item {
  flex: none; }

.nav-tabs .nav-item > .nav-link {
  font-family: "Neue Haas Grotesk Text Round", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  color: var(--color-black);
  background-color: var(--color-grey2);
  text-decoration: none;
  min-width: 12.5rem;
  border: 0; }
  .nav-tabs .nav-item > .nav-link:hover {
    background-color: var(--color-grey2);
    text-decoration: underline; }
  .nav-tabs .nav-item > .nav-link.active {
    font-family: "Neue Haas Grotesk Text Round Bold", sans-serif;
    font-weight: 700;
    background-color: transparent;
    border: 0;
    pointer-events: none; }
    .nav-tabs .nav-item > .nav-link.active:hover {
      text-decoration: none; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.container .breadcrumb, .promo.banner .text.overlay .breadcrumb {
  border-radius: 0;
  border-bottom: 1px solid #ccc; }

.container .breadcrumb, .promo.banner .text.overlay .breadcrumb {
  border: 0; }

.breadcrumb {
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap;
  font-size: 0.875rem;
  text-transform: uppercase;
  border: 0;
  padding: 0.75rem 0; }

.breadcrumbs {
  border: 0;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .breadcrumbs {
      display: none; } }

.breadcrumb {
  margin: 0;
  padding: 1.5625rem 0; }
  .breadcrumb-item:before {
    color: var(--color-black); }
  .breadcrumb-item a {
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap;
    font-size: 0.75rem;
    color: var(--color-black);
    text-transform: none;
    text-decoration: none; }
    .breadcrumb-item a:hover {
      text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item {
    padding: 0; }
    .breadcrumb-item + .breadcrumb-item:before {
      color: var(--color-black);
      font-size: 0.625rem;
      padding: 0 0.1875rem 0 0.3125rem;
      position: relative;
      top: -1px; }
  @media (max-width: 991.98px) {
    .breadcrumb {
      display: none; } }

.breadcrumb .breadcrumb-item a {
  font-family: "SuisseIntl-Regular", sans-serif;
  font-display: swap; }
  .breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item a:active {
    color: inherit;
    text-decoration: none;
    font-weight: 600; }

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  font-family: "SuisseIntl-Regular", sans-serif;
  font-display: swap;
  font-size: 1rem;
  top: 0.125rem; }

[class*="alert-"] {
  display: flex;
  align-items: center;
  position: relative;
  border: 0.125rem solid var(--color-black);
  border-radius: 0;
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 0.625rem 3.75rem 0.625rem 4.3125rem;
  margin: 0;
  min-height: 3.4375rem; }
  [class*="alert-"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3.375rem;
    border-right: 0.125rem solid var(--color-black);
    background-repeat: no-repeat;
    background-position: center; }
  [class*="alert-"] .message {
    display: flex;
    flex-direction: column;
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
  [class*="alert-"] .title {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
  [class*="alert-"] .close,
  [class*="alert-"].alert-dismissible .close {
    height: 100%;
    border-left: 0.125rem solid var(--color-black);
    opacity: 1;
    margin: 0;
    padding: 0.625rem 0.6875rem; }
    [class*="alert-"] .close span,
    [class*="alert-"].alert-dismissible .close span {
      display: none; }

.alert-success:before {
  background-color: var(--color-success);
  background-image: url("../../images/icons/check.svg");
  background-size: 2.375rem; }

.alert-warning:before {
  background-color: var(--color-warning);
  background-image: url("../../images/icons/warning.svg");
  background-size: 1.625rem; }

.alert-danger:before {
  background-color: var(--color-danger);
  background-image: url("../../images/icons/danger.svg");
  background-size: 1.5rem; }

[class*="alert-"] {
  border: 0;
  background-color: var(--color-white);
  box-shadow: 0 1px 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  color: var(--color-black);
  padding: 0.9375rem 3.75rem 0.9375rem 5.625rem;
  min-height: 3.875rem; }
  [class*="alert-"]:before {
    height: 100%;
    width: 3.875rem;
    border-right: 0;
    border-radius: 0.1875rem 0 0 0.1875rem; }
  [class*="alert-"] .message {
    font-family: "SuisseIntl-Regular", sans-serif;
    font-display: swap;
    font-size: 0.6875rem;
    line-height: 0.875rem; }
  [class*="alert-"] .title {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    margin-bottom: 0.25rem; }
  [class*="alert-"].alert-dismissible {
    padding: 0.9375rem 6.25rem 0.9375rem 5.625rem; }
  [class*="alert-"] .close,
  [class*="alert-"].alert-dismissible .close {
    border-left: 1px solid #EFEFEF;
    padding: 0.625rem 1.625rem; }
    [class*="alert-"] .close:before,
    [class*="alert-"].alert-dismissible .close:before {
      display: flex;
      align-items: center;
      justify-content: center;
      content: 'Close';
      background-image: none;
      font-family: "SuisseIntl-Regular", sans-serif;
      font-display: swap;
      font-weight: 400;
      font-size: 0.875rem;
      width: auto;
      height: 100%; }
    [class*="alert-"] .close span,
    [class*="alert-"].alert-dismissible .close span {
      display: none; }
    [class*="alert-"] .close.fr_CA:before,
    [class*="alert-"].alert-dismissible .close.fr_CA:before {
      content: 'Fermer'; }
    [class*="alert-"] .close.it_IT:before,
    [class*="alert-"].alert-dismissible .close.it_IT:before {
      content: 'Chiudi'; }
    [class*="alert-"] .close.nl_NL:before,
    [class*="alert-"].alert-dismissible .close.nl_NL:before {
      content: 'Sluiten'; }
    [class*="alert-"] .close.de_DE:before,
    [class*="alert-"].alert-dismissible .close.de_DE:before {
      content: 'Schlie\DF  en'; }
    [class*="alert-"] .close.es_ES:before,
    [class*="alert-"].alert-dismissible .close.es_ES:before {
      content: 'Cerrar'; }
    [class*="alert-"] .close.fr_FR:before,
    [class*="alert-"].alert-dismissible .close.fr_FR:before {
      content: 'Fermer'; }
    [class*="alert-"] .close.ja_JP:before,
    [class*="alert-"].alert-dismissible .close.ja_JP:before {
      content: '\9589\3058\308B'; }
    [class*="alert-"] .close.ko_KR:before,
    [class*="alert-"].alert-dismissible .close.ko_KR:before {
      content: '\B2EB\AE30'; }
    [class*="alert-"] .close.zh_HK:before,
    [class*="alert-"].alert-dismissible .close.zh_HK:before {
      content: '\95DC\9589'; }
    [class*="alert-"] .close.zh_CN:before,
    [class*="alert-"].alert-dismissible .close.zh_CN:before {
      content: '\5173\95ED'; }

.alert-success:before {
  background-image: url("../../images/icons/success.svg");
  background-size: 1.875rem; }

.alert-warning:before {
  background-image: url("../../images/icons/warning.svg");
  background-size: 1.875rem; }

.alert-danger:before {
  background-image: url("../../images/icons/danger-white.svg");
  background-size: 1.875rem; }

.veil {
  position: absolute;
  z-index: 100;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .veil .underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000; }

.spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px; }

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s; }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.add-to-wishlist-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 99; }

.add-to-wishlist-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 0.3125rem grey;
  padding: 0.8125rem 1.25rem 0.8125rem 4.3125rem; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-wishlist-alert.show {
    display: block; }

.wishlistTile {
  position: absolute;
  top: 8px;
  right: 16px; }
  .wishlistTile .fa-heart {
    color: var(--color-blue); }
  .wishlistTile .fa-heart-o {
    color: var(--color-black); }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #ccc; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #6FFB38;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

.minicart {
  position: relative; }
  .minicart h1 {
    font-size: 1rem; }
  .minicart .cart {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #fff; }
  .minicart .remove-btn {
    color: #999;
    float: right;
    background-color: white;
    border: none;
    font-size: 1.625em;
    margin-top: -0.313em;
    padding: 0; }
  .minicart .product-summary {
    margin-right: -0.938em;
    max-height: 21.875em;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.938em; }
  .minicart .card-body {
    padding: 0.625em; }
  .minicart .quantity-label {
    font-size: 0.813em; }
  .minicart .quantity {
    width: 100%; }
  .minicart .popover {
    top: 100%;
    left: auto;
    right: 0;
    min-width: 23.44rem;
    max-width: 23.44rem;
    min-height: 22.7rem;
    display: none; }
    .minicart .popover::before {
      left: auto;
      right: 15px; }
    .minicart .popover::after {
      left: auto;
      right: 16px; }
    .minicart .popover.show {
      display: block; }
  .minicart .minicart-footer {
    border-top: 1px solid #ccc; }
  .minicart .estimated-total {
    margin-top: 0.625em; }
  .minicart .sub-total-label {
    font-size: 1em;
    font-weight: 600; }
  .minicart .sub-total {
    font-size: 1em;
    font-weight: 600; }
  .minicart .line-item-divider {
    margin: 0.625em -0.625em 0.625em -1.325em; }
  .minicart .line-item-name {
    width: 90%; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-link-med {
    display: none; } }

@media (min-width: 769px) {
  .hide-no-link {
    display: none; } }

@media (max-width: 543.98px) {
  .hide-no-link {
    display: none; } }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #ccc; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #6FFB38;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.line-item-name .prod-link {
  color: var(--skin-link-color-1) !important; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.minicart {
  display: flex;
  align-items: center;
  margin: 0 -15px 0 0;
  height: 100%;
  padding: 0 0.9375rem; }
  .minicart .minicart-link {
    display: flex;
    align-items: center; }
  .minicart .minicart-icon {
    font-size: 1rem; }
  .minicart .minicart-quantity {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    margin-left: 0.25rem; }
  .minicart.mobile {
    padding: 0;
    margin: 0 0 0 1rem;
    height: 1.875rem; }
    .minicart.mobile .minicart-icon {
      font-size: 1.375rem; }
    .minicart.mobile .minicart-quantity {
      font-size: 1.125rem; }
  .minicart .cart {
    color: var(--skin-main-text-color-1); }
    .minicart .cart .normal {
      color: var(--skin-main-text-color-1); }

.item-attributes {
  vertical-align: top;
  padding-left: 0; }

.line-item-attributes,
.line-item-option {
  font-size: 0.813rem;
  margin: 0; }

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.313em; }

.line-item-pricing-info {
  margin-bottom: 0; }
  .line-item-pricing-info + .price {
    font-size: 1em;
    font-weight: bolder; }
  .line-item-pricing-info + .unit-price .price {
    font-size: 1em;
    font-weight: bolder; }

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #ccc; }

.line-item-total-text {
  font-size: 0.813em; }

.pricing {
  font-size: 1em;
  font-weight: bolder; }

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  flex-grow: 0;
  flex-shrink: 0; }
  .item-image img.product-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 5.625em; }

.non-adjusted-price {
  display: none; }

.line-item-promo {
  color: #008827;
  font-size: 0.813em; }

.line-item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em; }

.bundle-includes {
  font-size: 0.813em;
  margin-bottom: 0.625em; }

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em; }

.line-dotted {
  border-top: 0.063em dashed #ccc; }

.line-item-availability {
  font-size: 0.813rem; }

.product-line-item-details {
  overflow-y: auto; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.line-item-name .prod-link {
  color: var(--skin-link-color-1) !important; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.line-item-receipt {
  margin-top: auto;
  padding-bottom: 20px; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.m-cart-page .minicart {
  pointer-events: none; }

@media (min-width: 769px) {
  .cart .btn {
    min-width: 0rem; } }

.cart-empty {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }

.cart-error .valid-cart-error {
  margin: 0 0 1.25rem;
  padding-right: 3.75rem; }

.cart-error .close {
  height: 100%;
  padding: 0.3125rem 0.625rem;
  opacity: 1;
  border-left: 0.125rem solid var(--color-black);
  background: var(--color-white); }

.cart-account {
  margin: 0.9375rem 0;
  text-align: center;
  display: block;
  font-size: 0.875rem; }
  @media (min-width: 769px) {
    .cart-account {
      display: none; } }
  .cart-account a {
    color: var(--color-blue);
    font-family: "SuisseIntl-Medium", sans-serif;
    font-display: swap; }

.cart-product {
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 0; }
  .cart-product__container {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
  .cart-product__body {
    padding: 0.9375rem 0;
    margin: 0; }
  .cart-product__picture {
    flex: 1 0 6.25rem;
    max-width: 6.25rem;
    height: 6.25rem;
    overflow: hidden; }
    .cart-product__picture .product-image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .cart-product__details {
    padding-left: 1rem;
    flex: 1 1 auto;
    max-width: calc(100% - 100px);
    display: flex; }
    .cart-product__details-content {
      flex: 1 1 100%;
      display: flex;
      flex-direction: column; }
      .cart-product__details-content .extend-upsell-style {
        padding-top: 10px; }
    .cart-product__details-price {
      text-align: right;
      font-family: "SuisseIntl-SemiBold", sans-serif;
      font-display: swap; }
      .cart-product__details-price .price {
        display: flex;
        flex-direction: column-reverse; }
        .cart-product__details-price .price .pricing {
          font-size: 1.125rem;
          line-height: 1.4375rem;
          font-weight: 500; }
        .cart-product__details-price .price .strike-through {
          margin-right: 0;
          color: var(--color-red);
          font-size: 0.625rem; }
  .cart-product__option {
    margin-top: auto; }
    .cart-product__option .line-item-attributes {
      font-size: 0.6875rem; }
    .cart-product__option.m-confirm-page {
      color: var(--color-grey13); }
      .cart-product__option.m-confirm-page .line-item-attributes {
        display: inline; }
  .cart-product__heading {
    white-space: normal;
    display: flex;
    flex-direction: column; }
    .cart-product__heading_family {
      line-height: 1.25rem; }
      .cart-product__heading_family .prod-link {
        text-decoration: none;
        color: #666666 !important;
        font-weight: normal;
        font-family: "SuisseIntl-Regular", sans-serif;
        font-display: swap;
        font-size: 0.875rem;
        line-height: 140%; }
        @media (min-width: 769px) {
          .cart-product__heading_family .prod-link {
            font-size: 1rem;
            line-height: 150%; } }
    .cart-product__heading_name, .cart-product__heading_sku {
      line-height: 1.125rem;
      padding-right: 0.3125rem; }
      .cart-product__heading_name .prod-link, .cart-product__heading_sku .prod-link {
        text-decoration: none;
        font-size: 0.875rem;
        line-height: 140%;
        margin-top: 0;
        font-family: "SuisseIntl-SemiBold", sans-serif;
        font-display: swap; }
        @media (min-width: 769px) {
          .cart-product__heading_name .prod-link, .cart-product__heading_sku .prod-link {
            font-size: 1rem;
            line-height: 150%; } }
  .cart-product__quantity {
    padding-top: 0.3125rem; }
    .cart-product__quantity .quantity {
      padding: 0;
      text-align: center;
      border: none;
      width: auto;
      min-width: 1.5625rem;
      height: auto;
      background: none;
      font-size: 0.75rem; }
      .cart-product__quantity .quantity-form {
        display: flex;
        align-items: center; }
      .cart-product__quantity .quantity__button {
        background: none;
        border: none;
        transition: 0.3s ease; }
        .cart-product__quantity .quantity__button.m-disable {
          pointer-events: none;
          opacity: 0.3; }
    .cart-product__quantity-confirmation {
      font-size: 0.6875rem;
      line-height: 1.125rem;
      color: var(--color-grey13); }
  .cart-product__control {
    flex: 1 0 100%;
    position: absolute;
    right: 0;
    bottom: 0; }
    .cart-product__control .remove-product {
      font-size: 0.6875rem;
      line-height: 0.8125rem;
      opacity: 0.5;
      transition: 0.3s ease;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap; }
      .cart-product__control .remove-product:hover {
        opacity: 1; }

.cart-promocode label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: var(--color-black); }

.cart-promocode__container {
  border-top: 1px solid var(--color-grey300);
  border-bottom: 1px solid var(--color-grey300);
  padding-top: 0.625rem; }
  @media (min-width: 769px) {
    .cart-promocode__container {
      border-top: none; } }

.cart-promocode__form-inner {
  position: relative; }
  .cart-promocode__form-inner .coupon-code-field {
    width: 100%;
    padding-right: 6.25rem;
    border-width: 0.0625rem;
    font-size: 0.6875rem;
    font-weight: 400; }

.cart-promocode__form-submit {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%); }
  .cart-promocode__form-submit .promo-code-btn {
    text-decoration: none;
    font-size: 0.875rem; }

.cart-promocode__form .coupon-error {
  display: none;
  font-size: 0.875rem;
  color: var(--color-red);
  margin-top: 0.3125rem; }

.cart-page {
  display: flex;
  flex-direction: column;
  padding: 1.875rem 1rem; }
  @media (min-width: 769px) {
    .cart-page {
      justify-content: space-between;
      flex-direction: row;
      padding: 3.75rem 3.125rem 3.125rem; } }
  @media (min-width: 1200px) {
    .cart-page {
      padding: 5.9375rem 6.25rem 9.375rem; } }
  .cart-page__content {
    flex: 1 1 100%; }
    @media (min-width: 769px) {
      .cart-page__content {
        padding-right: 3.125rem; } }
    @media (min-width: 1200px) {
      .cart-page__content {
        padding-right: 7.5rem; } }
  .cart-page__totals {
    flex: 1 1 100%; }
    @media (min-width: 769px) {
      .cart-page__totals {
        position: relative;
        max-width: 21.875rem;
        padding-top: 1.25rem; } }
    @media (min-width: 1200px) {
      .cart-page__totals {
        max-width: 26.875rem; } }
    .cart-page__totals-inner {
      padding-bottom: 1.125rem;
      background: var(--color-white); }
      @media (min-width: 769px) {
        .cart-page__totals-inner {
          box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.25);
          padding: 1rem 1.25rem 2.4375rem; }
          .cart-page:not(.m-rma-cart-page) .cart-page__totals-inner {
            position: sticky;
            top: 1.25rem; } }
  .cart-page__header {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.875rem; }
    @media (min-width: 769px) {
      .cart-page__header {
        margin-bottom: 1.5625rem; } }
    .cart-page__header .page-title {
      font-size: 1.125rem;
      line-height: 1.25rem;
      margin: 0; }
      @media (min-width: 769px) {
        .cart-page__header .page-title {
          font-size: 2.125rem;
          line-height: 2.5rem; } }
    .cart-page__header .number-of-items {
      margin-bottom: 0;
      margin-left: 0.625rem;
      font-size: 0.75rem;
      line-height: 1.25rem; }
      @media (min-width: 769px) {
        .cart-page__header .number-of-items {
          font-size: 0.875rem;
          margin-left: 0.9375rem; } }
    .cart-page__header .continue-shopping-link {
      margin-left: auto;
      font-size: 0.75rem;
      line-height: 1.25rem;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap; }
      @media (min-width: 769px) {
        .cart-page__header .continue-shopping-link {
          font-size: 0.875rem; } }

.cart-total {
  margin-bottom: 1.3125rem;
  padding-top: 1.125rem; }
  .cart-total .approaching-discounts .single-approaching-discount {
    border-top: none;
    font-size: 0.6875rem;
    line-height: 1.25rem;
    padding: 0.4375rem 1.1875rem;
    background: var(--color-grey200);
    margin-bottom: 0.3125rem; }
  .cart-total .klarna-wrapper-minicart {
    border: 1px solid var(--color-grey300); }
  .cart-total__row {
    display: flex;
    justify-content: space-between; }
    .cart-total__row.m-estimated-total {
      margin-top: 0.875rem;
      margin-bottom: 0.875rem;
      font-family: "SuisseIntl-SemiBold", sans-serif;
      font-display: swap; }
    .cart-total__row.m-estimated-total div {
      font-size: 0.875rem;
      line-height: 1.5rem; }
    .cart-total__row.hide-shipping-discount, .cart-total__row.hide-order-discount {
      display: none; }
  .cart-total__col {
    font-size: 0.6875rem;
    line-height: 1.25rem; }
    .cart-total__col .info-icon {
      width: 0.625rem;
      height: 0.625rem; }
      .cart-total__col .info-icon .icon {
        width: 0.625rem;
        height: 0.625rem;
        background-size: 0.625rem; }
    .cart-total__col_value {
      text-align: right;
      color: var(--color-black); }
      .cart-total__col_value.sub-total {
        font-family: "SuisseIntl-Medium", sans-serif;
        font-display: swap;
        font-size: 0.6875rem;
        font-weight: 500; }

.cart-recommendation {
  border-top: 1px solid var(--color-grey300);
  padding: 1.3125rem 0.9375rem 1.875rem; }
  @media (min-width: 769px) {
    .cart-recommendation .slick-list {
      margin: 0 6.25rem; } }
  @media (min-width: 769px) {
    .cart-recommendation {
      padding: 3rem 0.9375rem 3.5625rem; } }

.coupons-and-promos {
  margin-bottom: 0; }
  .coupons-and-promos__container {
    display: flex;
    flex-wrap: wrap; }

.coupon-price-adjustment, .promotion-information {
  padding: 0 0.3125rem;
  margin-bottom: 1rem;
  font-size: 0.625rem;
  line-height: 0.75rem; }

.coupon-code {
  background: var(--color-grey200);
  padding: 0.5625rem;
  display: flex;
  align-items: center; }

.remove-coupon {
  float: none;
  opacity: 1;
  width: 0.625rem;
  height: 0.625rem;
  background-color: none;
  border: none;
  margin-right: 0.4375rem; }
  .remove-coupon::before {
    background-size: 0.5rem;
    width: 0.625rem;
    height: 0.625rem; }

div[data-checkout-stage='payment'] .cart-promocode__container, div[data-checkout-stage='placeOrder'] .cart-promocode__container {
  display: none; }

@media (min-width: 769px) {
  button.promo-code-btn {
    min-width: 0rem; } }

.approaching-discounts .single-approaching-discount {
  border-top: 1px solid var(--color-grey300);
  border-bottom: 1px solid var(--color-grey300);
  padding: 0.3125rem 0; }
  .approaching-discounts .single-approaching-discount + .single-approaching-discount {
    border-top: none; }
  .approaching-discounts .single-approaching-discount:last-child {
    border-bottom: none; }

.checkout-continue {
  transition: 0.3s ease; }
  .checkout-continue.m-disable {
    pointer-events: none;
    opacity: 0.3; }
  .checkout-continue .col-12 {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important; }
  .checkout-continue .express-checkout-text {
    font-size: 1rem;
    line-height: 1.125rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
  .checkout-continue .text-strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    color: var(--color-grey300);
    padding: 1rem 0; }
    .checkout-continue .text-strike > span {
      position: relative;
      display: inline-block; }
      .checkout-continue .text-strike > span::before, .checkout-continue .text-strike > span::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 150px;
        height: 1px;
        background: var(--color-grey300); }
        @media (min-width: 769px) {
          .checkout-continue .text-strike > span::before, .checkout-continue .text-strike > span::after {
            width: 168px; } }
      .checkout-continue .text-strike > span::before {
        right: 100%;
        margin-right: 15px; }
      .checkout-continue .text-strike > span::after {
        left: 100%;
        margin-left: 15px; }
  .checkout-continue .cart-checkout-card-logos {
    padding: 1rem 0; }

.googlepay-cart-container {
  margin-top: 0.9375rem; }
  .googlepay-cart-container button {
    width: 100%;
    height: 2.75rem; }

#AmazonPayButtonCart {
  margin: auto; }
  #AmazonPayButtonCart .amazonpay-button-view1 {
    height: 45px;
    border-color: transparent; }
  #AmazonPayButtonCart .amazonpay-button-view3 {
    display: none !important; }
  #AmazonPayButtonCart .amazonpay-button-container-rows {
    grid-template-rows: 100% 10% 25%; }

header .minicart .minicart-total .minicart-quantity {
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap;
  background-color: transparent;
  color: var(--color-black);
  margin-left: 0; }
  @media (min-width: 992px) {
    header .minicart .minicart-total .minicart-quantity {
      color: var(--color-black); } }

.minicart {
  padding: 0;
  margin: 0; }
  .minicart .minicart-link {
    text-decoration: none; }
  .minicart-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 15;
    transition: opacity 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
    .minicart-background.show {
      width: 100%;
      height: 100%;
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      opacity: 0.2; }
  .minicart .minicart-popover {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 29.0625rem;
    height: 100%;
    display: block;
    transition: 0.3s ease;
    transform: translateX(100%);
    z-index: 20;
    background-color: var(--color-dark-input-placeholder);
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
    .minicart .minicart-popover.show {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
      pointer-events: all; }
  .minicart-popover .cart {
    height: 100%; }
  .minicart-container {
    height: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column; }
    .minicart-container .product-summary {
      max-height: none;
      margin-right: 0;
      padding-right: 0; }
  .minicart .minicart-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0; }
    .minicart .minicart-header__caption {
      font-size: 1.125rem;
      font-weight: bold; }
    .minicart .minicart-header__count {
      margin-left: auto;
      font-size: 1rem; }
  .minicart-close {
    float: none;
    opacity: 1;
    margin-right: 0.9375rem; }
  .minicart-body {
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    .minicart-body .cart-account {
      display: block;
      font-size: 0.875rem; }
      .minicart-body .cart-account a {
        color: var(--color-black);
        font-weight: bold;
        font-size: 0.875rem; }
      .minicart-body .cart-account a:hover {
        color: var(--color-teal); }
    .minicart-body .cart-promocode__container {
      border-top: 1px solid var(--color-grey300); }
  .minicart .minicart-footer {
    position: relative;
    box-shadow: 0 -0.3125rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.15);
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
    .minicart .minicart-footer .cart-total {
      padding-top: 0; }
  .minicart-footer {
    padding-top: 1.0625rem; }
    .minicart-footer__bottom {
      margin-top: 3rem; }
  .minicart-continue .checkout-and-applepay div[id^='zoid-paypal-button-'] .zoid-outlet {
    width: 100% !important; }
  .minicart-continue .checkout-and-applepay .btn {
    margin: 0; }
  .minicart-continue .checkout-and-applepay .apple-pay-cart-button {
    margin-top: 0.9375rem; }
    .minicart-continue .checkout-and-applepay .apple-pay-cart-button button {
      width: 100%; }
  .minicart-product .cart-product {
    margin: 0; }
    .minicart .minicart-product .cart-product__body {
      padding: 0.9375rem 0; }

.minicart-total {
  display: flex;
  align-items: center; }
  .minicart-total, .minicart-total:hover, .minicart-totalactive {
    text-decoration: none; }
  .minicart-total.is-empty {
    cursor: pointer; }
  .minicart-total::before {
    content: '';
    display: block;
    background-image: url("../../images/icons/cart.svg");
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 1.875rem;
    width: 1.875rem; }
    @media (min-width: 769px) {
      .minicart-total::before {
        background-size: 1.1875rem;
        min-height: 126px; } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .minicart-total.hide-link-med {
      display: none; } }
  @media (min-width: 769px) {
    .minicart-total.hide-no-link {
      display: none; } }
  @media (max-width: 543.98px) {
    .minicart-total.hide-no-link {
      display: none; } }

.minicart-remove-modal {
  color: var(--color-black); }

.view-cart-btn {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: auto;
  font-family: "SuisseIntl-Medium", sans-serif;
  font-display: swap; }

@media (min-width: 769px) {
  .minicart-remove-modal .btn {
    min-width: 13.75rem; } }

.modal {
  z-index: 2000; }

.modal-backdrop {
  z-index: 1990; }

.modal.videoInModal {
  padding: 0 !important; }
  .modal.videoInModal .modal-dialog {
    max-width: 58.75rem;
    width: 95%;
    margin: 50vh auto 0;
    transform: translateY(-50%); }
    @media (min-width: 769px) {
      .modal.videoInModal .modal-dialog {
        transform: none;
        margin: 10vh auto 0; } }
  .modal.videoInModal .modal-content {
    background-color: transparent;
    border: 0;
    padding: 0; }
    @media (min-width: 769px) {
      .modal.videoInModal .modal-content {
        padding: 0 1.25rem; } }
  .modal.videoInModal .modal-header {
    padding: 0 0 0.375rem 0;
    border: 0; }
    @media (min-width: 769px) {
      .modal.videoInModal .modal-header {
        padding: 0; } }
    .modal.videoInModal .modal-header .close {
      opacity: 1;
      margin-right: -1.375rem; }
      @media (min-width: 769px) {
        .modal.videoInModal .modal-header .close {
          margin-right: -3rem; } }
      .modal.videoInModal .modal-header .close:before {
        background-image: url("../../images/icons/close-white.svg"); }
  .modal.videoInModal .modal-body {
    padding: 0;
    aspect-ratio: 16/9; }

/* -------------------------------------------------------------
This file has been disconnected from the _base in order to allow
easier customization going forward. Base file was creating
uneccessary styles that needed to be overridden.
------------------------------------------------------------- */
.info-icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  background: inherit; }
  .info-icon .icon {
    border-radius: 1.25rem;
    background-color: var(--skin-primary-color-1);
    width: 1.5625rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600; }
  .info-icon .tooltip {
    display: none; }
  .floating-label .info-icon {
    position: absolute;
    right: 1.125rem;
    top: 1.875rem;
    transform: translateY(-50%); }
    .floating-label .info-icon + input {
      padding: 0.375rem 3.25rem 0.375rem 0.75rem; }
  .floating-select .info-icon {
    right: 2.125rem; }
    .floating-select .info-icon + select {
      padding: 0.375rem 4.25rem 0.375rem 0.75rem; }

.info-icon {
  height: 1.5625rem; }
  .info-icon .icon {
    background-color: transparent;
    background-image: url("../../images/icons/info.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.875rem;
    text-indent: 624.9375rem;
    overflow: hidden;
    height: 100%; }
  .floating-label .info-icon,
  .hidden-label .info-icon {
    position: absolute;
    right: 0.625rem;
    top: 0.6875rem;
    transform: none; }
    .floating-label .info-icon + input,
    .hidden-label .info-icon + input {
      padding: 0.375rem 2.5rem 0.375rem 0.75rem; }
  .floating-select .info-icon,
  .hidden-select-label .info-icon {
    right: 3rem; }
    .floating-select .info-icon + select,
    .hidden-select-label .info-icon + select {
      padding: 0.375rem 4.25rem 0.375rem 0.75rem; }
  .securityCode .info-icon {
    position: absolute;
    right: 1.25rem;
    top: 2.6875rem;
    transform: none; }
    .securityCode .info-icon #securityCode-container {
      padding: 0.375rem 2.5rem 0.375rem 0.75rem; }

.tooltip .tooltip-inner {
  background-color: var(--color-white);
  color: var(--color-black);
  border: 0.125rem solid var(--color-black);
  border-radius: 0;
  padding: 0.625rem; }

.tooltip .arrow {
  width: 0.75rem;
  height: 1.125rem; }
  .tooltip .arrow:before {
    z-index: 1; }
  .tooltip .arrow:after {
    content: '';
    position: absolute;
    border-color: transparent;
    border-style: solid;
    z-index: 2; }

.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0 1.5rem 0; }
  .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0.875rem;
    width: 1.125rem;
    height: 0.75rem; }
    .tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:before {
      top: 0;
      border-width: 0.75rem 0.625rem 0 0.625rem;
      border-top-color: var(--color-black);
      left: 50%;
      transform: translateX(-50%); }
    .tooltip.bs-tooltip-top .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:after {
      top: 0;
      border-width: 0.5625rem 0.4375rem 0 0.4375rem;
      border-top-color: var(--color-white);
      left: 50%;
      transform: translateX(-50%); }

.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 1.5rem 0 0.4rem 0; }
  .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0.875rem;
    width: 1.125rem;
    height: 0.75rem; }
    .tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:before {
      bottom: 0;
      border-width: 0 0.625rem 0.75rem 0.625rem;
      border-bottom-color: var(--color-black);
      left: 50%;
      transform: translateX(-50%); }
    .tooltip.bs-tooltip-bottom .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:after {
      bottom: 0;
      border-width: 0 0.4375rem 0.5625rem 0.4375rem;
      border-bottom-color: var(--color-white);
      left: 50%;
      transform: translateX(-50%); }

.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 1.5rem 0 0.4rem; }
  .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0.875rem; }
    .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before {
      left: 0;
      border-width: 0.625rem 0 0.625rem 0.75rem;
      border-left-color: var(--color-black);
      top: 50%;
      transform: translateY(-50%); }
    .tooltip.bs-tooltip-left .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:after {
      left: 0;
      border-width: 0.4375rem 0 0.4375rem 0.5625rem;
      border-left-color: var(--color-white);
      top: 50%;
      transform: translateY(-50%); }

.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem 0 1.5rem; }
  .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0.875rem; }
    .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before {
      right: 0;
      border-width: 0.625rem 0.75rem 0.625rem 0;
      border-right-color: var(--color-black);
      top: 50%;
      transform: translateY(-50%); }
    .tooltip.bs-tooltip-right .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:after {
      right: 0;
      border-width: 0.4375rem 0.5625rem 0.4375rem 0;
      border-right-color: var(--color-white);
      top: 50%;
      transform: translateY(-50%); }

.info-icon {
  height: 1.5625rem; }
  .info-icon .icon {
    background-size: 1.375rem; }
  .floating-label .info-icon,
  .hidden-label .info-icon {
    top: 0.8125rem; }

.tooltip .tooltip-inner {
  border: 1px solid var(--color-black); }

.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0.8125rem; }
  .tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:before {
    border-width: 0.625rem 0.5625rem 0; }
  .tooltip.bs-tooltip-top .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:after {
    border-width: 0.5625rem 0.4375rem 0; }

.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0.8125rem; }
  .tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:before {
    border-width: 0 0.5625rem 0.625rem; }
  .tooltip.bs-tooltip-bottom .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:after {
    border-width: 0 0.4375rem 0.5625rem; }

.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0.8125rem; }
  .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before {
    border-width: 0.5rem 0 0.5rem 0.625rem; }
  .tooltip.bs-tooltip-left .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:after {
    border-width: 0.4375rem 0 0.4375rem 0.5625rem; }

.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0.8125rem; }
  .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before {
    border-width: 0.5rem 0.625rem 0.5rem 0; }
  .tooltip.bs-tooltip-right .arrow:after, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:after {
    border-width: 0.4375rem 0.5625rem 0.4375rem 0; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ACE8FA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ACE8FA;
  border-radius: 0.69em;
  background-color: #ACE8FA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #6FFB38;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.site-search {
  position: relative;
  height: 2.5em;
  /* 40/16 */ }
  @media (min-width: 544px) {
    .site-search {
      margin-right: 0.5em;
      /* 20/16 */ } }
  @media (min-width: 1200px) {
    .site-search {
      width: 20em;
      /* 320/16 */ } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    .site-search {
      width: 14.0625em;
      /* 225/16 */ } }
  @media (min-width: 544px) and (max-width: 768.98px) {
    .site-search {
      width: 12.5em;
      /* 200/16 */ } }
  .site-search .fa-close,
  .site-search .fa-search {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 0.5625em;
    /* 9/16 */
    padding: 0;
    background-color: transparent; }
  .site-search .reset-button {
    position: absolute;
    border: none;
    top: 0.5625em;
    /* 9/16 */
    right: 2em;
    /* 32/16 */
    padding: 0;
    background-color: transparent; }
  .site-search input {
    padding-right: 2rem;
    height: 100%; }

@media (max-width: 543.98px) {
  .header-search .site-search {
    display: none; } }

.suggestions-wrapper {
  position: relative; }

.suggestions {
  display: block;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  top: 0;
  right: 0;
  width: 21.875rem;
  z-index: 3; }
  @media (max-width: 543.98px) {
    .suggestions {
      display: flex;
      position: fixed;
      width: 100%; } }
  .suggestions .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .suggestions .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .suggestions .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .suggestions .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .suggestions .header {
    color: #999;
    font-size: 0.875em;
    padding-top: 0.625em; }
    .suggestions .header:not(:first-child) {
      border-top: 1px solid #ccc; }
  .suggestions .items {
    padding: 0.313em 0; }
  .suggestions .item {
    padding-bottom: 0.625em; }
    .suggestions .item .name {
      margin-top: 0.313em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    @media (max-width: 543.98px) {
      .suggestions .item {
        padding-bottom: 0.938em; } }
  .suggestions .category-parent {
    color: #999;
    font-size: 0.875em; }
  .suggestions .selected {
    background-color: #eee; }
  .suggestions .container, .suggestions .promo.banner .text.overlay, .promo.banner .suggestions .text.overlay {
    list-style-type: none; }

.more-below {
  -moz-border-radius: 1.25em;
  background: #ccc;
  border: 0.063em solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25em;
  bottom: 1.875em;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  display: none;
  height: 2.5em;
  position: fixed;
  right: 1.875em;
  width: 2.5em; }
  .more-below i.fa-long-arrow-down {
    border-radius: 50%;
    color: #fff;
    display: table-caption;
    height: 0.75em;
    font-size: 1.5rem;
    left: 0.57em;
    line-height: 0.8em;
    position: absolute;
    top: 0.4em;
    width: 0.8em; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.site-search input {
  padding: 0.375rem 0.75rem;
  padding-left: 2rem; }

.site-search .reset-button {
  right: 1rem; }

.site-search .fa-close,
.site-search .fa-search {
  right: unset;
  left: 0.5625rem; }

@media (max-width: 991.98px) {
  .header-search .site-search {
    display: none; } }

.search-mobile {
  display: none; }
  .search-mobile .site-search {
    height: auto;
    width: 100%; }
    .search-mobile .site-search input {
      padding: 0.625rem 0.75rem;
      padding-left: 2rem; }
    .search-mobile .site-search .fa-close,
    .search-mobile .site-search .fa-search {
      top: 0.8125rem; }

.search-mobile-trigger {
  background: transparent;
  border: 0; }
  .search-mobile-trigger .fa {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem; }

@media (max-width: 991.98px) {
  .suggestions {
    display: flex;
    position: fixed;
    width: 100%; } }

@media (max-width: 991.98px) {
  .suggestions .item {
    padding-bottom: 0.938em; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
[data-swatch-type="color-swatch-css"] {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: transparent;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  [data-swatch-type="color-swatch-css"]:before {
    content: '?';
    color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.swatch-circle-air,
.swatch-circle-air.large-swatch:after {
  background-color: #d7e6f6; }

.swatch-square-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e6f6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-air.disabled {
    opacity: 0.2; }

.swatch-filter-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e6f6;
  border-radius: 0.69em;
  background-color: #d7e6f6;
  display: block;
  position: relative; }
  .swatch-filter-air.disabled {
    opacity: 0.2; }

.swatch-circle-amparoblue,
.swatch-circle-amparoblue.large-swatch:after {
  background-color: #2a4f92; }

.swatch-square-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2a4f92;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-amparoblue.disabled {
    opacity: 0.2; }

.swatch-filter-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2a4f92;
  border-radius: 0.69em;
  background-color: #2a4f92;
  display: block;
  position: relative; }
  .swatch-filter-amparoblue.disabled {
    opacity: 0.2; }

.swatch-circle-apple,
.swatch-circle-apple.large-swatch:after {
  background-color: #80ad2f; }

.swatch-square-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #80ad2f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-apple.disabled {
    opacity: 0.2; }

.swatch-filter-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #80ad2f;
  border-radius: 0.69em;
  background-color: #80ad2f;
  display: block;
  position: relative; }
  .swatch-filter-apple.disabled {
    opacity: 0.2; }

.swatch-circle-appleblue,
.swatch-circle-appleblue.large-swatch:after {
  background-color: #5bb4e5; }

.swatch-square-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5bb4e5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-appleblue.disabled {
    opacity: 0.2; }

.swatch-filter-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5bb4e5;
  border-radius: 0.69em;
  background-color: #5bb4e5;
  display: block;
  position: relative; }
  .swatch-filter-appleblue.disabled {
    opacity: 0.2; }

.swatch-circle-applepink,
.swatch-circle-applepink.large-swatch:after {
  background-color: #e87ea6; }

.swatch-square-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e87ea6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-applepink.disabled {
    opacity: 0.2; }

.swatch-filter-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e87ea6;
  border-radius: 0.69em;
  background-color: #e87ea6;
  display: block;
  position: relative; }
  .swatch-filter-applepink.disabled {
    opacity: 0.2; }

.swatch-circle-aqua,
.swatch-circle-aqua.large-swatch:after {
  background-color: #63bdd2; }

.swatch-square-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #63bdd2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aqua.disabled {
    opacity: 0.2; }

.swatch-filter-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #63bdd2;
  border-radius: 0.69em;
  background-color: #63bdd2;
  display: block;
  position: relative; }
  .swatch-filter-aqua.disabled {
    opacity: 0.2; }

.swatch-circle-arborgreen,
.swatch-circle-arborgreen.large-swatch:after {
  background-color: #aab556; }

.swatch-square-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aab556;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-arborgreen.disabled {
    opacity: 0.2; }

.swatch-filter-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aab556;
  border-radius: 0.69em;
  background-color: #aab556;
  display: block;
  position: relative; }
  .swatch-filter-arborgreen.disabled {
    opacity: 0.2; }

.swatch-circle-ash,
.swatch-circle-ash.large-swatch:after {
  background-color: #3b3b3b; }

.swatch-square-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3b3b3b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ash.disabled {
    opacity: 0.2; }

.swatch-filter-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3b3b3b;
  border-radius: 0.69em;
  background-color: #3b3b3b;
  display: block;
  position: relative; }
  .swatch-filter-ash.disabled {
    opacity: 0.2; }

.swatch-circle-aubergine,
.swatch-circle-aubergine.large-swatch:after {
  background-color: #522955; }

.swatch-square-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #522955;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aubergine.disabled {
    opacity: 0.2; }

.swatch-filter-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #522955;
  border-radius: 0.69em;
  background-color: #522955;
  display: block;
  position: relative; }
  .swatch-filter-aubergine.disabled {
    opacity: 0.2; }

.swatch-circle-azalea,
.swatch-circle-azalea.large-swatch:after {
  background-color: #991e66; }

.swatch-square-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #991e66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-azalea.disabled {
    opacity: 0.2; }

.swatch-filter-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #991e66;
  border-radius: 0.69em;
  background-color: #991e66;
  display: block;
  position: relative; }
  .swatch-filter-azalea.disabled {
    opacity: 0.2; }

.swatch-circle-beatenpath,
.swatch-circle-beatenpath.large-swatch:after {
  background-color: #534a48; }

.swatch-square-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534a48;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beatenpath.disabled {
    opacity: 0.2; }

.swatch-filter-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534a48;
  border-radius: 0.69em;
  background-color: #534a48;
  display: block;
  position: relative; }
  .swatch-filter-beatenpath.disabled {
    opacity: 0.2; }

.swatch-circle-beige,
.swatch-circle-beige.large-swatch:after {
  background-color: #cfc8b2; }

.swatch-square-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cfc8b2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cfc8b2;
  border-radius: 0.69em;
  background-color: #cfc8b2;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-berry,
.swatch-circle-berry.large-swatch:after {
  background-color: #bd4097; }

.swatch-square-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bd4097;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-berry.disabled {
    opacity: 0.2; }

.swatch-filter-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bd4097;
  border-radius: 0.69em;
  background-color: #bd4097;
  display: block;
  position: relative; }
  .swatch-filter-berry.disabled {
    opacity: 0.2; }

.swatch-circle-black,
.swatch-circle-black.large-swatch:after {
  background-color: black; }

.swatch-square-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: black;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: black;
  border-radius: 0.69em;
  background-color: black;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blackchrome,
.swatch-circle-blackchrome.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackchrome.disabled {
    opacity: 0.2; }

.swatch-filter-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackchrome.disabled {
    opacity: 0.2; }

.swatch-circle-blackpearl,
.swatch-circle-blackpearl.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackpearl.disabled {
    opacity: 0.2; }

.swatch-filter-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackpearl.disabled {
    opacity: 0.2; }

.swatch-circle-blacktop,
.swatch-circle-blacktop.large-swatch:after {
  background-color: #333235; }

.swatch-square-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blacktop.disabled {
    opacity: 0.2; }

.swatch-filter-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-blacktop.disabled {
    opacity: 0.2; }

.swatch-circle-blue,
.swatch-circle-blue.large-swatch:after {
  background-color: #00549c; }

.swatch-square-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00549c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00549c;
  border-radius: 0.69em;
  background-color: #00549c;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-blueprint,
.swatch-circle-blueprint.large-swatch:after {
  background-color: #445587; }

.swatch-square-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #445587;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blueprint.disabled {
    opacity: 0.2; }

.swatch-filter-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #445587;
  border-radius: 0.69em;
  background-color: #445587;
  display: block;
  position: relative; }
  .swatch-filter-blueprint.disabled {
    opacity: 0.2; }

.swatch-circle-bluesail,
.swatch-circle-bluesail.large-swatch:after {
  background-color: #3e7dca; }

.swatch-square-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3e7dca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bluesail.disabled {
    opacity: 0.2; }

.swatch-filter-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3e7dca;
  border-radius: 0.69em;
  background-color: #3e7dca;
  display: block;
  position: relative; }
  .swatch-filter-bluesail.disabled {
    opacity: 0.2; }

.swatch-circle-blush,
.swatch-circle-blush.large-swatch:after {
  background-color: #ff5e3c; }

.swatch-square-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff5e3c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blush.disabled {
    opacity: 0.2; }

.swatch-filter-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff5e3c;
  border-radius: 0.69em;
  background-color: #ff5e3c;
  display: block;
  position: relative; }
  .swatch-filter-blush.disabled {
    opacity: 0.2; }

.swatch-circle-blushpink,
.swatch-circle-blushpink.large-swatch:after {
  background-color: #fedfd8; }

.swatch-square-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fedfd8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blushpink.disabled {
    opacity: 0.2; }

.swatch-filter-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fedfd8;
  border-radius: 0.69em;
  background-color: #fedfd8;
  display: block;
  position: relative; }
  .swatch-filter-blushpink.disabled {
    opacity: 0.2; }

.swatch-circle-bone,
.swatch-circle-bone.large-swatch:after {
  background-color: #eae9e7; }

.swatch-square-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #eae9e7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bone.disabled {
    opacity: 0.2; }

.swatch-filter-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #eae9e7;
  border-radius: 0.69em;
  background-color: #eae9e7;
  display: block;
  position: relative; }
  .swatch-filter-bone.disabled {
    opacity: 0.2; }

.swatch-circle-brightblue,
.swatch-circle-brightblue.large-swatch:after {
  background-color: #2c5697; }

.swatch-square-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c5697;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightblue.disabled {
    opacity: 0.2; }

.swatch-filter-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c5697;
  border-radius: 0.69em;
  background-color: #2c5697;
  display: block;
  position: relative; }
  .swatch-filter-brightblue.disabled {
    opacity: 0.2; }

.swatch-circle-brightpink,
.swatch-circle-brightpink.large-swatch:after {
  background-color: #d7387a; }

.swatch-square-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7387a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightpink.disabled {
    opacity: 0.2; }

.swatch-filter-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7387a;
  border-radius: 0.69em;
  background-color: #d7387a;
  display: block;
  position: relative; }
  .swatch-filter-brightpink.disabled {
    opacity: 0.2; }

.swatch-circle-brightred,
.swatch-circle-brightred.large-swatch:after {
  background-color: #d01e28; }

.swatch-square-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d01e28;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightred.disabled {
    opacity: 0.2; }

.swatch-filter-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d01e28;
  border-radius: 0.69em;
  background-color: #d01e28;
  display: block;
  position: relative; }
  .swatch-filter-brightred.disabled {
    opacity: 0.2; }

.swatch-circle-brown,
.swatch-circle-brown.large-swatch:after {
  background-color: #543024; }

.swatch-square-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #543024;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #543024;
  border-radius: 0.69em;
  background-color: #543024;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-bubblegum,
.swatch-circle-bubblegum.large-swatch:after {
  background-color: #f66a8e; }

.swatch-square-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f66a8e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bubblegum.disabled {
    opacity: 0.2; }

.swatch-filter-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f66a8e;
  border-radius: 0.69em;
  background-color: #f66a8e;
  display: block;
  position: relative; }
  .swatch-filter-bubblegum.disabled {
    opacity: 0.2; }

.swatch-circle-burgandy,
.swatch-circle-burgandy.large-swatch:after {
  background-color: #8b3744; }

.swatch-square-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burgandy.disabled {
    opacity: 0.2; }

.swatch-filter-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b3744;
  border-radius: 0.69em;
  background-color: #8b3744;
  display: block;
  position: relative; }
  .swatch-filter-burgandy.disabled {
    opacity: 0.2; }

.swatch-circle-burntorange,
.swatch-circle-burntorange.large-swatch:after {
  background-color: #f07515; }

.swatch-square-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f07515;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burntorange.disabled {
    opacity: 0.2; }

.swatch-filter-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f07515;
  border-radius: 0.69em;
  background-color: #f07515;
  display: block;
  position: relative; }
  .swatch-filter-burntorange.disabled {
    opacity: 0.2; }

.swatch-circle-cabernet,
.swatch-circle-cabernet.large-swatch:after {
  background-color: #c84c4a; }

.swatch-square-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c84c4a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cabernet.disabled {
    opacity: 0.2; }

.swatch-filter-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c84c4a;
  border-radius: 0.69em;
  background-color: #c84c4a;
  display: block;
  position: relative; }
  .swatch-filter-cabernet.disabled {
    opacity: 0.2; }

.swatch-circle-cameopink,
.swatch-circle-cameopink.large-swatch:after {
  background-color: #deaec2; }

.swatch-square-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #deaec2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cameopink.disabled {
    opacity: 0.2; }

.swatch-filter-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #deaec2;
  border-radius: 0.69em;
  background-color: #deaec2;
  display: block;
  position: relative; }
  .swatch-filter-cameopink.disabled {
    opacity: 0.2; }

.swatch-circle-candyred,
.swatch-circle-candyred.large-swatch:after {
  background-color: #c10336; }

.swatch-square-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c10336;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-candyred.disabled {
    opacity: 0.2; }

.swatch-filter-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c10336;
  border-radius: 0.69em;
  background-color: #c10336;
  display: block;
  position: relative; }
  .swatch-filter-candyred.disabled {
    opacity: 0.2; }

.swatch-circle-canyon,
.swatch-circle-canyon.large-swatch:after {
  background-color: #7e4e33; }

.swatch-square-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7e4e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-canyon.disabled {
    opacity: 0.2; }

.swatch-filter-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7e4e33;
  border-radius: 0.69em;
  background-color: #7e4e33;
  display: block;
  position: relative; }
  .swatch-filter-canyon.disabled {
    opacity: 0.2; }

.swatch-circle-carbon,
.swatch-circle-carbon.large-swatch:after {
  background-color: #3c3744; }

.swatch-square-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carbon.disabled {
    opacity: 0.2; }

.swatch-filter-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c3744;
  border-radius: 0.69em;
  background-color: #3c3744;
  display: block;
  position: relative; }
  .swatch-filter-carbon.disabled {
    opacity: 0.2; }

.swatch-circle-carmine,
.swatch-circle-carmine.large-swatch:after {
  background-color: #be0f34; }

.swatch-square-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #be0f34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carmine.disabled {
    opacity: 0.2; }

.swatch-filter-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #be0f34;
  border-radius: 0.69em;
  background-color: #be0f34;
  display: block;
  position: relative; }
  .swatch-filter-carmine.disabled {
    opacity: 0.2; }

.swatch-circle-carnation,
.swatch-circle-carnation.large-swatch:after {
  background-color: #ffa1a3; }

.swatch-square-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffa1a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carnation.disabled {
    opacity: 0.2; }

.swatch-filter-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa1a3;
  border-radius: 0.69em;
  background-color: #ffa1a3;
  display: block;
  position: relative; }
  .swatch-filter-carnation.disabled {
    opacity: 0.2; }

.swatch-circle-caviar,
.swatch-circle-caviar.large-swatch:after {
  background-color: #333235; }

.swatch-square-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-caviar.disabled {
    opacity: 0.2; }

.swatch-filter-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-caviar.disabled {
    opacity: 0.2; }

.swatch-circle-cedar,
.swatch-circle-cedar.large-swatch:after {
  background-color: #b28d73; }

.swatch-square-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b28d73;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cedar.disabled {
    opacity: 0.2; }

.swatch-filter-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b28d73;
  border-radius: 0.69em;
  background-color: #b28d73;
  display: block;
  position: relative; }
  .swatch-filter-cedar.disabled {
    opacity: 0.2; }

.swatch-circle-celadon,
.swatch-circle-celadon.large-swatch:after {
  background-color: #cbda89; }

.swatch-square-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cbda89;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-celadon.disabled {
    opacity: 0.2; }

.swatch-filter-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cbda89;
  border-radius: 0.69em;
  background-color: #cbda89;
  display: block;
  position: relative; }
  .swatch-filter-celadon.disabled {
    opacity: 0.2; }

.swatch-circle-charcoal,
.swatch-circle-charcoal.large-swatch:after {
  background-color: #534f50; }

.swatch-square-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534f50;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-charcoal.disabled {
    opacity: 0.2; }

.swatch-filter-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534f50;
  border-radius: 0.69em;
  background-color: #534f50;
  display: block;
  position: relative; }
  .swatch-filter-charcoal.disabled {
    opacity: 0.2; }

.swatch-circle-cherryblossom,
.swatch-circle-cherryblossom.large-swatch:after {
  background-color: #f9a8a3; }

.swatch-square-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9a8a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-filter-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9a8a3;
  border-radius: 0.69em;
  background-color: #f9a8a3;
  display: block;
  position: relative; }
  .swatch-filter-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-circle-chilipepper,
.swatch-circle-chilipepper.large-swatch:after {
  background-color: #9b2242; }

.swatch-square-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9b2242;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chilipepper.disabled {
    opacity: 0.2; }

.swatch-filter-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9b2242;
  border-radius: 0.69em;
  background-color: #9b2242;
  display: block;
  position: relative; }
  .swatch-filter-chilipepper.disabled {
    opacity: 0.2; }

.swatch-circle-chocolate,
.swatch-circle-chocolate.large-swatch:after {
  background-color: #413231; }

.swatch-square-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chocolate.disabled {
    opacity: 0.2; }

.swatch-filter-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-chocolate.disabled {
    opacity: 0.2; }

.swatch-circle-citron,
.swatch-circle-citron.large-swatch:after {
  background-color: #e2a21c; }

.swatch-square-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e2a21c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citron.disabled {
    opacity: 0.2; }

.swatch-filter-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e2a21c;
  border-radius: 0.69em;
  background-color: #e2a21c;
  display: block;
  position: relative; }
  .swatch-filter-citron.disabled {
    opacity: 0.2; }

.swatch-circle-citrus,
.swatch-circle-citrus.large-swatch:after {
  background-color: #fcdc41; }

.swatch-square-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcdc41;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrus.disabled {
    opacity: 0.2; }

.swatch-filter-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcdc41;
  border-radius: 0.69em;
  background-color: #fcdc41;
  display: block;
  position: relative; }
  .swatch-filter-citrus.disabled {
    opacity: 0.2; }

.swatch-circle-citrusyellow,
.swatch-circle-citrusyellow.large-swatch:after {
  background-color: #e1d761; }

.swatch-square-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e1d761;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-filter-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e1d761;
  border-radius: 0.69em;
  background-color: #e1d761;
  display: block;
  position: relative; }
  .swatch-filter-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-circle-civicblue,
.swatch-circle-civicblue.large-swatch:after {
  background-color: #004e94; }

.swatch-square-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #004e94;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-civicblue.disabled {
    opacity: 0.2; }

.swatch-filter-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #004e94;
  border-radius: 0.69em;
  background-color: #004e94;
  display: block;
  position: relative; }
  .swatch-filter-civicblue.disabled {
    opacity: 0.2; }

.swatch-circle-clear,
.swatch-circle-clear.large-swatch:after {
  background-color: #fefefe; }

.swatch-square-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fefefe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-clear.disabled {
    opacity: 0.2; }

.swatch-filter-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fefefe;
  border-radius: 0.69em;
  background-color: #fefefe;
  display: block;
  position: relative; }
  .swatch-filter-clear.disabled {
    opacity: 0.2; }

.swatch-circle-cloud,
.swatch-circle-cloud.large-swatch:after {
  background-color: #fafbfc; }

.swatch-square-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafbfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cloud.disabled {
    opacity: 0.2; }

.swatch-filter-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafbfc;
  border-radius: 0.69em;
  background-color: #fafbfc;
  display: block;
  position: relative; }
  .swatch-filter-cloud.disabled {
    opacity: 0.2; }

.swatch-circle-cocktail,
.swatch-circle-cocktail.large-swatch:after {
  background-color: #da5a90; }

.swatch-square-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #da5a90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cocktail.disabled {
    opacity: 0.2; }

.swatch-filter-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #da5a90;
  border-radius: 0.69em;
  background-color: #da5a90;
  display: block;
  position: relative; }
  .swatch-filter-cocktail.disabled {
    opacity: 0.2; }

.swatch-circle-coffeebean,
.swatch-circle-coffeebean.large-swatch:after {
  background-color: #4e372b; }

.swatch-square-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4e372b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coffeebean.disabled {
    opacity: 0.2; }

.swatch-filter-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4e372b;
  border-radius: 0.69em;
  background-color: #4e372b;
  display: block;
  position: relative; }
  .swatch-filter-coffeebean.disabled {
    opacity: 0.2; }

.swatch-circle-copper,
.swatch-circle-copper.large-swatch:after {
  background-color: #935d32; }

.swatch-square-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #935d32;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copper.disabled {
    opacity: 0.2; }

.swatch-filter-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #935d32;
  border-radius: 0.69em;
  background-color: #935d32;
  display: block;
  position: relative; }
  .swatch-filter-copper.disabled {
    opacity: 0.2; }

.swatch-circle-copperchrome,
.swatch-circle-copperchrome.large-swatch:after {
  background-color: #6e5a51; }

.swatch-square-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6e5a51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copperchrome.disabled {
    opacity: 0.2; }

.swatch-filter-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6e5a51;
  border-radius: 0.69em;
  background-color: #6e5a51;
  display: block;
  position: relative; }
  .swatch-filter-copperchrome.disabled {
    opacity: 0.2; }

.swatch-circle-coral,
.swatch-circle-coral.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coral.disabled {
    opacity: 0.2; }

.swatch-filter-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coral.disabled {
    opacity: 0.2; }

.swatch-circle-coralpink,
.swatch-circle-coralpink.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coralpink.disabled {
    opacity: 0.2; }

.swatch-filter-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coralpink.disabled {
    opacity: 0.2; }

.swatch-circle-cornerstone,
.swatch-circle-cornerstone.large-swatch:after {
  background-color: #696c71; }

.swatch-square-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #696c71;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cornerstone.disabled {
    opacity: 0.2; }

.swatch-filter-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #696c71;
  border-radius: 0.69em;
  background-color: #696c71;
  display: block;
  position: relative; }
  .swatch-filter-cornerstone.disabled {
    opacity: 0.2; }

.swatch-circle-cream,
.swatch-circle-cream.large-swatch:after {
  background-color: #ded4c4; }

.swatch-square-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ded4c4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cream.disabled {
    opacity: 0.2; }

.swatch-filter-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ded4c4;
  border-radius: 0.69em;
  background-color: #ded4c4;
  display: block;
  position: relative; }
  .swatch-filter-cream.disabled {
    opacity: 0.2; }

.swatch-circle-cyan,
.swatch-circle-cyan.large-swatch:after {
  background-color: #258ec1; }

.swatch-square-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #258ec1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cyan.disabled {
    opacity: 0.2; }

.swatch-filter-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #258ec1;
  border-radius: 0.69em;
  background-color: #258ec1;
  display: block;
  position: relative; }
  .swatch-filter-cyan.disabled {
    opacity: 0.2; }

.swatch-circle-dahlia,
.swatch-circle-dahlia.large-swatch:after {
  background-color: #7c4386; }

.swatch-square-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7c4386;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dahlia.disabled {
    opacity: 0.2; }

.swatch-filter-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7c4386;
  border-radius: 0.69em;
  background-color: #7c4386;
  display: block;
  position: relative; }
  .swatch-filter-dahlia.disabled {
    opacity: 0.2; }

.swatch-circle-darkblue,
.swatch-circle-darkblue.large-swatch:after {
  background-color: #3c4564; }

.swatch-square-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c4564;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkblue.disabled {
    opacity: 0.2; }

.swatch-filter-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c4564;
  border-radius: 0.69em;
  background-color: #3c4564;
  display: block;
  position: relative; }
  .swatch-filter-darkblue.disabled {
    opacity: 0.2; }

.swatch-circle-darkbrown,
.swatch-circle-darkbrown.large-swatch:after {
  background-color: #413231; }

.swatch-square-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkbrown.disabled {
    opacity: 0.2; }

.swatch-filter-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-darkbrown.disabled {
    opacity: 0.2; }

.swatch-circle-darkgray,
.swatch-circle-darkgray.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgray.disabled {
    opacity: 0.2; }

.swatch-filter-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darkgray.disabled {
    opacity: 0.2; }

.swatch-circle-darkgreen,
.swatch-circle-darkgreen.large-swatch:after {
  background-color: #006e33; }

.swatch-square-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #006e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgreen.disabled {
    opacity: 0.2; }

.swatch-filter-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #006e33;
  border-radius: 0.69em;
  background-color: #006e33;
  display: block;
  position: relative; }
  .swatch-filter-darkgreen.disabled {
    opacity: 0.2; }

.swatch-circle-darklines,
.swatch-circle-darklines.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darklines.disabled {
    opacity: 0.2; }

.swatch-filter-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darklines.disabled {
    opacity: 0.2; }

.swatch-circle-darkpurple,
.swatch-circle-darkpurple.large-swatch:after {
  background-color: #503265; }

.swatch-square-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #503265;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkpurple.disabled {
    opacity: 0.2; }

.swatch-filter-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #503265;
  border-radius: 0.69em;
  background-color: #503265;
  display: block;
  position: relative; }
  .swatch-filter-darkpurple.disabled {
    opacity: 0.2; }

.swatch-circle-darksky,
.swatch-circle-darksky.large-swatch:after {
  background-color: #000000; }

.swatch-square-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darksky.disabled {
    opacity: 0.2; }

.swatch-filter-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000000;
  border-radius: 0.69em;
  background-color: #000000;
  display: block;
  position: relative; }
  .swatch-filter-darksky.disabled {
    opacity: 0.2; }

.swatch-circle-dayglow,
.swatch-circle-dayglow.large-swatch:after {
  background-color: #ff14a3; }

.swatch-square-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff14a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dayglow.disabled {
    opacity: 0.2; }

.swatch-filter-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff14a3;
  border-radius: 0.69em;
  background-color: #ff14a3;
  display: block;
  position: relative; }
  .swatch-filter-dayglow.disabled {
    opacity: 0.2; }

.swatch-circle-deepsea,
.swatch-circle-deepsea.large-swatch:after {
  background-color: #13284c; }

.swatch-square-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #13284c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-deepsea.disabled {
    opacity: 0.2; }

.swatch-filter-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #13284c;
  border-radius: 0.69em;
  background-color: #13284c;
  display: block;
  position: relative; }
  .swatch-filter-deepsea.disabled {
    opacity: 0.2; }

.swatch-circle-denim,
.swatch-circle-denim.large-swatch:after {
  background-color: #7590a8; }

.swatch-square-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7590a8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-denim.disabled {
    opacity: 0.2; }

.swatch-filter-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7590a8;
  border-radius: 0.69em;
  background-color: #7590a8;
  display: block;
  position: relative; }
  .swatch-filter-denim.disabled {
    opacity: 0.2; }

.swatch-circle-desertpink,
.swatch-circle-desertpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-desertpink.disabled {
    opacity: 0.2; }

.swatch-filter-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-desertpink.disabled {
    opacity: 0.2; }

.swatch-circle-dove,
.swatch-circle-dove.large-swatch:after {
  background-color: #c2c0c3; }

.swatch-square-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2c0c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dove.disabled {
    opacity: 0.2; }

.swatch-filter-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2c0c3;
  border-radius: 0.69em;
  background-color: #c2c0c3;
  display: block;
  position: relative; }
  .swatch-filter-dove.disabled {
    opacity: 0.2; }

.swatch-circle-dune,
.swatch-circle-dune.large-swatch:after {
  background-color: #69817e; }

.swatch-square-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69817e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dune.disabled {
    opacity: 0.2; }

.swatch-filter-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69817e;
  border-radius: 0.69em;
  background-color: #69817e;
  display: block;
  position: relative; }
  .swatch-filter-dune.disabled {
    opacity: 0.2; }

.swatch-circle-ecru,
.swatch-circle-ecru.large-swatch:after {
  background-color: #c0b29e; }

.swatch-square-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c0b29e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ecru.disabled {
    opacity: 0.2; }

.swatch-filter-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c0b29e;
  border-radius: 0.69em;
  background-color: #c0b29e;
  display: block;
  position: relative; }
  .swatch-filter-ecru.disabled {
    opacity: 0.2; }

.swatch-circle-electric,
.swatch-circle-electric.large-swatch:after {
  background-color: #ffe100; }

.swatch-square-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffe100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-electric.disabled {
    opacity: 0.2; }

.swatch-filter-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffe100;
  border-radius: 0.69em;
  background-color: #ffe100;
  display: block;
  position: relative; }
  .swatch-filter-electric.disabled {
    opacity: 0.2; }

.swatch-circle-emerald,
.swatch-circle-emerald.large-swatch:after {
  background-color: #5ba590; }

.swatch-square-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5ba590;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-emerald.disabled {
    opacity: 0.2; }

.swatch-filter-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5ba590;
  border-radius: 0.69em;
  background-color: #5ba590;
  display: block;
  position: relative; }
  .swatch-filter-emerald.disabled {
    opacity: 0.2; }

.swatch-circle-equinox,
.swatch-circle-equinox.large-swatch:after {
  background-color: #2b1814; }

.swatch-square-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2b1814;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-equinox.disabled {
    opacity: 0.2; }

.swatch-filter-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2b1814;
  border-radius: 0.69em;
  background-color: #2b1814;
  display: block;
  position: relative; }
  .swatch-filter-equinox.disabled {
    opacity: 0.2; }

.swatch-circle-espresso,
.swatch-circle-espresso.large-swatch:after {
  background-color: #3f312e; }

.swatch-square-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f312e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-espresso.disabled {
    opacity: 0.2; }

.swatch-filter-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f312e;
  border-radius: 0.69em;
  background-color: #3f312e;
  display: block;
  position: relative; }
  .swatch-filter-espresso.disabled {
    opacity: 0.2; }

.swatch-circle-fade,
.swatch-circle-fade.large-swatch:after {
  background-color: #dddfd9; }

.swatch-square-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dddfd9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fade.disabled {
    opacity: 0.2; }

.swatch-filter-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dddfd9;
  border-radius: 0.69em;
  background-color: #dddfd9;
  display: block;
  position: relative; }
  .swatch-filter-fade.disabled {
    opacity: 0.2; }

.swatch-circle-fiesta,
.swatch-circle-fiesta.large-swatch:after {
  background-color: #dc291e; }

.swatch-square-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dc291e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fiesta.disabled {
    opacity: 0.2; }

.swatch-filter-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dc291e;
  border-radius: 0.69em;
  background-color: #dc291e;
  display: block;
  position: relative; }
  .swatch-filter-fiesta.disabled {
    opacity: 0.2; }

.swatch-circle-flamingopink,
.swatch-circle-flamingopink.large-swatch:after {
  background-color: #931d3f; }

.swatch-square-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #931d3f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flamingopink.disabled {
    opacity: 0.2; }

.swatch-filter-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #931d3f;
  border-radius: 0.69em;
  background-color: #931d3f;
  display: block;
  position: relative; }
  .swatch-filter-flamingopink.disabled {
    opacity: 0.2; }

.swatch-circle-flash,
.swatch-circle-flash.large-swatch:after {
  background-color: #c2f03f; }

.swatch-square-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2f03f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flash.disabled {
    opacity: 0.2; }

.swatch-filter-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2f03f;
  border-radius: 0.69em;
  background-color: #c2f03f;
  display: block;
  position: relative; }
  .swatch-filter-flash.disabled {
    opacity: 0.2; }

.swatch-circle-flintgray,
.swatch-circle-flintgray.large-swatch:after {
  background-color: #6c6c6c; }

.swatch-square-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c6c6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flintgray.disabled {
    opacity: 0.2; }

.swatch-filter-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c6c6c;
  border-radius: 0.69em;
  background-color: #6c6c6c;
  display: block;
  position: relative; }
  .swatch-filter-flintgray.disabled {
    opacity: 0.2; }

.swatch-circle-fountainblue,
.swatch-circle-fountainblue.large-swatch:after {
  background-color: #00b3aa; }

.swatch-square-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b3aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fountainblue.disabled {
    opacity: 0.2; }

.swatch-filter-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b3aa;
  border-radius: 0.69em;
  background-color: #00b3aa;
  display: block;
  position: relative; }
  .swatch-filter-fountainblue.disabled {
    opacity: 0.2; }

.swatch-circle-fresh,
.swatch-circle-fresh.large-swatch:after {
  background-color: #8fd400; }

.swatch-square-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8fd400;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fresh.disabled {
    opacity: 0.2; }

.swatch-filter-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8fd400;
  border-radius: 0.69em;
  background-color: #8fd400;
  display: block;
  position: relative; }
  .swatch-filter-fresh.disabled {
    opacity: 0.2; }

.swatch-circle-frostwhite,
.swatch-circle-frostwhite.large-swatch:after {
  background-color: #dadcdb; }

.swatch-square-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dadcdb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-frostwhite.disabled {
    opacity: 0.2; }

.swatch-filter-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dadcdb;
  border-radius: 0.69em;
  background-color: #dadcdb;
  display: block;
  position: relative; }
  .swatch-filter-frostwhite.disabled {
    opacity: 0.2; }

.swatch-circle-fuchsia,
.swatch-circle-fuchsia.large-swatch:after {
  background-color: #af467f; }

.swatch-square-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #af467f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fuchsia.disabled {
    opacity: 0.2; }

.swatch-filter-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #af467f;
  border-radius: 0.69em;
  background-color: #af467f;
  display: block;
  position: relative; }
  .swatch-filter-fuchsia.disabled {
    opacity: 0.2; }

.swatch-circle-garnet,
.swatch-circle-garnet.large-swatch:after {
  background-color: #5a2c34; }

.swatch-square-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5a2c34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-garnet.disabled {
    opacity: 0.2; }

.swatch-filter-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5a2c34;
  border-radius: 0.69em;
  background-color: #5a2c34;
  display: block;
  position: relative; }
  .swatch-filter-garnet.disabled {
    opacity: 0.2; }

.swatch-circle-glow,
.swatch-circle-glow.large-swatch:after {
  background-color: #bed600; }

.swatch-square-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed600;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-glow.disabled {
    opacity: 0.2; }

.swatch-filter-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed600;
  border-radius: 0.69em;
  background-color: #bed600;
  display: block;
  position: relative; }
  .swatch-filter-glow.disabled {
    opacity: 0.2; }

.swatch-circle-gold,
.swatch-circle-gold.large-swatch:after {
  background-color: #efe2d2; }

.swatch-square-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #efe2d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gold.disabled {
    opacity: 0.2; }

.swatch-filter-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #efe2d2;
  border-radius: 0.69em;
  background-color: #efe2d2;
  display: block;
  position: relative; }
  .swatch-filter-gold.disabled {
    opacity: 0.2; }

.swatch-circle-goldengarden,
.swatch-circle-goldengarden.large-swatch:after {
  background-color: #ffb100; }

.swatch-square-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffb100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-goldengarden.disabled {
    opacity: 0.2; }

.swatch-filter-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffb100;
  border-radius: 0.69em;
  background-color: #ffb100;
  display: block;
  position: relative; }
  .swatch-filter-goldengarden.disabled {
    opacity: 0.2; }

.swatch-circle-grape,
.swatch-circle-grape.large-swatch:after {
  background-color: #3d1843; }

.swatch-square-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3d1843;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grape.disabled {
    opacity: 0.2; }

.swatch-filter-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3d1843;
  border-radius: 0.69em;
  background-color: #3d1843;
  display: block;
  position: relative; }
  .swatch-filter-grape.disabled {
    opacity: 0.2; }

.swatch-circle-grapefruit,
.swatch-circle-grapefruit.large-swatch:after {
  background-color: #f8799b; }

.swatch-square-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f8799b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grapefruit.disabled {
    opacity: 0.2; }

.swatch-filter-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f8799b;
  border-radius: 0.69em;
  background-color: #f8799b;
  display: block;
  position: relative; }
  .swatch-filter-grapefruit.disabled {
    opacity: 0.2; }

.swatch-circle-graphite,
.swatch-circle-graphite.large-swatch:after {
  background-color: #252525; }

.swatch-square-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #252525;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graphite.disabled {
    opacity: 0.2; }

.swatch-filter-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #252525;
  border-radius: 0.69em;
  background-color: #252525;
  display: block;
  position: relative; }
  .swatch-filter-graphite.disabled {
    opacity: 0.2; }

.swatch-circle-grassgreen,
.swatch-circle-grassgreen.large-swatch:after {
  background-color: #bed443; }

.swatch-square-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grassgreen.disabled {
    opacity: 0.2; }

.swatch-filter-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed443;
  border-radius: 0.69em;
  background-color: #bed443;
  display: block;
  position: relative; }
  .swatch-filter-grassgreen.disabled {
    opacity: 0.2; }

.swatch-circle-gravel,
.swatch-circle-gravel.large-swatch:after {
  background-color: #52565b; }

.swatch-square-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #52565b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gravel.disabled {
    opacity: 0.2; }

.swatch-filter-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #52565b;
  border-radius: 0.69em;
  background-color: #52565b;
  display: block;
  position: relative; }
  .swatch-filter-gravel.disabled {
    opacity: 0.2; }

.swatch-circle-gray,
.swatch-circle-gray.large-swatch:after {
  background-color: #626567; }

.swatch-square-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gray.disabled {
    opacity: 0.2; }

.swatch-filter-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-gray.disabled {
    opacity: 0.2; }

.swatch-circle-graywoven,
.swatch-circle-graywoven.large-swatch:after {
  background-color: #848486; }

.swatch-square-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #848486;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graywoven.disabled {
    opacity: 0.2; }

.swatch-filter-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #848486;
  border-radius: 0.69em;
  background-color: #848486;
  display: block;
  position: relative; }
  .swatch-filter-graywoven.disabled {
    opacity: 0.2; }

.swatch-circle-green,
.swatch-circle-green.large-swatch:after {
  background-color: #6FFB38; }

.swatch-square-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6FFB38;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-green2,
.swatch-circle-green2.large-swatch:after {
  background-color: #8aaf6c; }

.swatch-square-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8aaf6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green2.disabled {
    opacity: 0.2; }

.swatch-filter-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8aaf6c;
  border-radius: 0.69em;
  background-color: #8aaf6c;
  display: block;
  position: relative; }
  .swatch-filter-green2.disabled {
    opacity: 0.2; }

.swatch-circle-grey,
.swatch-circle-grey.large-swatch:after {
  background-color: #626567; }

.swatch-square-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-hazard,
.swatch-circle-hazard.large-swatch:after {
  background-color: #ff545b; }

.swatch-square-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff545b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hazard.disabled {
    opacity: 0.2; }

.swatch-filter-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff545b;
  border-radius: 0.69em;
  background-color: #ff545b;
  display: block;
  position: relative; }
  .swatch-filter-hazard.disabled {
    opacity: 0.2; }

.swatch-circle-hotpink,
.swatch-circle-hotpink.large-swatch:after {
  background-color: #ca2d7b; }

.swatch-square-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ca2d7b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hotpink.disabled {
    opacity: 0.2; }

.swatch-filter-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ca2d7b;
  border-radius: 0.69em;
  background-color: #ca2d7b;
  display: block;
  position: relative; }
  .swatch-filter-hotpink.disabled {
    opacity: 0.2; }

.swatch-circle-hyperblue,
.swatch-circle-hyperblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hyperblue.disabled {
    opacity: 0.2; }

.swatch-filter-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-hyperblue.disabled {
    opacity: 0.2; }

.swatch-circle-ice,
.swatch-circle-ice.large-swatch:after {
  background-color: #a4b7c8; }

.swatch-square-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a4b7c8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ice.disabled {
    opacity: 0.2; }

.swatch-filter-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a4b7c8;
  border-radius: 0.69em;
  background-color: #a4b7c8;
  display: block;
  position: relative; }
  .swatch-filter-ice.disabled {
    opacity: 0.2; }

.swatch-circle-indigo,
.swatch-circle-indigo.large-swatch:after {
  background-color: #274374; }

.swatch-square-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274374;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigo.disabled {
    opacity: 0.2; }

.swatch-filter-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274374;
  border-radius: 0.69em;
  background-color: #274374;
  display: block;
  position: relative; }
  .swatch-filter-indigo.disabled {
    opacity: 0.2; }

.swatch-circle-indigoblue,
.swatch-circle-indigoblue.large-swatch:after {
  background-color: #233a7d; }

.swatch-square-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233a7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigoblue.disabled {
    opacity: 0.2; }

.swatch-filter-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233a7d;
  border-radius: 0.69em;
  background-color: #233a7d;
  display: block;
  position: relative; }
  .swatch-filter-indigoblue.disabled {
    opacity: 0.2; }

.swatch-circle-infinitypool,
.swatch-circle-infinitypool.large-swatch:after {
  background-color: #00646b; }

.swatch-square-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00646b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infinitypool.disabled {
    opacity: 0.2; }

.swatch-filter-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00646b;
  border-radius: 0.69em;
  background-color: #00646b;
  display: block;
  position: relative; }
  .swatch-filter-infinitypool.disabled {
    opacity: 0.2; }

.swatch-circle-infrared,
.swatch-circle-infrared.large-swatch:after {
  background-color: #a50320; }

.swatch-square-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50320;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infrared.disabled {
    opacity: 0.2; }

.swatch-filter-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50320;
  border-radius: 0.69em;
  background-color: #a50320;
  display: block;
  position: relative; }
  .swatch-filter-infrared.disabled {
    opacity: 0.2; }

.swatch-circle-ink,
.swatch-circle-ink.large-swatch:after {
  background-color: #3f3a66; }

.swatch-square-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3a66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ink.disabled {
    opacity: 0.2; }

.swatch-filter-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3a66;
  border-radius: 0.69em;
  background-color: #3f3a66;
  display: block;
  position: relative; }
  .swatch-filter-ink.disabled {
    opacity: 0.2; }

.swatch-circle-ivory,
.swatch-circle-ivory.large-swatch:after {
  background-color: #fff6d5; }

.swatch-square-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fff6d5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ivory.disabled {
    opacity: 0.2; }

.swatch-filter-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff6d5;
  border-radius: 0.69em;
  background-color: #fff6d5;
  display: block;
  position: relative; }
  .swatch-filter-ivory.disabled {
    opacity: 0.2; }

.swatch-circle-jade,
.swatch-circle-jade.large-swatch:after {
  background-color: #00b38a; }

.swatch-square-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b38a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jade.disabled {
    opacity: 0.2; }

.swatch-filter-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b38a;
  border-radius: 0.69em;
  background-color: #00b38a;
  display: block;
  position: relative; }
  .swatch-filter-jade.disabled {
    opacity: 0.2; }

.swatch-circle-jet,
.swatch-circle-jet.large-swatch:after {
  background-color: #3f3e44; }

.swatch-square-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3e44;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jet.disabled {
    opacity: 0.2; }

.swatch-filter-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3e44;
  border-radius: 0.69em;
  background-color: #3f3e44;
  display: block;
  position: relative; }
  .swatch-filter-jet.disabled {
    opacity: 0.2; }

.swatch-circle-jetsetred,
.swatch-circle-jetsetred.large-swatch:after {
  background-color: #930324; }

.swatch-square-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #930324;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jetsetred.disabled {
    opacity: 0.2; }

.swatch-filter-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #930324;
  border-radius: 0.69em;
  background-color: #930324;
  display: block;
  position: relative; }
  .swatch-filter-jetsetred.disabled {
    opacity: 0.2; }

.swatch-circle-julep,
.swatch-circle-julep.large-swatch:after {
  background-color: #a5d0d1; }

.swatch-square-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a5d0d1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-julep.disabled {
    opacity: 0.2; }

.swatch-filter-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a5d0d1;
  border-radius: 0.69em;
  background-color: #a5d0d1;
  display: block;
  position: relative; }
  .swatch-filter-julep.disabled {
    opacity: 0.2; }

.swatch-circle-khaki,
.swatch-circle-khaki.large-swatch:after {
  background-color: #4f3b25; }

.swatch-square-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4f3b25;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-khaki.disabled {
    opacity: 0.2; }

.swatch-filter-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4f3b25;
  border-radius: 0.69em;
  background-color: #4f3b25;
  display: block;
  position: relative; }
  .swatch-filter-khaki.disabled {
    opacity: 0.2; }

.swatch-circle-lacquer,
.swatch-circle-lacquer.large-swatch:after {
  background-color: #1d428a; }

.swatch-square-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d428a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lacquer.disabled {
    opacity: 0.2; }

.swatch-filter-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d428a;
  border-radius: 0.69em;
  background-color: #1d428a;
  display: block;
  position: relative; }
  .swatch-filter-lacquer.disabled {
    opacity: 0.2; }

.swatch-circle-lagoon,
.swatch-circle-lagoon.large-swatch:after {
  background-color: #0098aa; }

.swatch-square-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lagoon.disabled {
    opacity: 0.2; }

.swatch-filter-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098aa;
  border-radius: 0.69em;
  background-color: #0098aa;
  display: block;
  position: relative; }
  .swatch-filter-lagoon.disabled {
    opacity: 0.2; }

.swatch-circle-lavendar,
.swatch-circle-lavendar.large-swatch:after {
  background-color: #d8b6d7; }

.swatch-square-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d8b6d7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavendar.disabled {
    opacity: 0.2; }

.swatch-filter-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d8b6d7;
  border-radius: 0.69em;
  background-color: #d8b6d7;
  display: block;
  position: relative; }
  .swatch-filter-lavendar.disabled {
    opacity: 0.2; }

.swatch-circle-lavender,
.swatch-circle-lavender.large-swatch:after {
  background-color: #b8acd6; }

.swatch-square-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8acd6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavender.disabled {
    opacity: 0.2; }

.swatch-filter-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8acd6;
  border-radius: 0.69em;
  background-color: #b8acd6;
  display: block;
  position: relative; }
  .swatch-filter-lavender.disabled {
    opacity: 0.2; }

.swatch-circle-lavenderpurple,
.swatch-circle-lavenderpurple.large-swatch:after {
  background-color: #dcd5f4; }

.swatch-square-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dcd5f4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-filter-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dcd5f4;
  border-radius: 0.69em;
  background-color: #dcd5f4;
  display: block;
  position: relative; }
  .swatch-filter-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-circle-lightblue,
.swatch-circle-lightblue.large-swatch:after {
  background-color: #5991ca; }

.swatch-square-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5991ca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightblue.disabled {
    opacity: 0.2; }

.swatch-filter-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5991ca;
  border-radius: 0.69em;
  background-color: #5991ca;
  display: block;
  position: relative; }
  .swatch-filter-lightblue.disabled {
    opacity: 0.2; }

.swatch-circle-lightgraphite,
.swatch-circle-lightgraphite.large-swatch:after {
  background-color: #8f8f93; }

.swatch-square-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8f8f93;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-filter-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f8f93;
  border-radius: 0.69em;
  background-color: #8f8f93;
  display: block;
  position: relative; }
  .swatch-filter-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-circle-lightgray,
.swatch-circle-lightgray.large-swatch:after {
  background-color: #bebebe; }

.swatch-square-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bebebe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgray.disabled {
    opacity: 0.2; }

.swatch-filter-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bebebe;
  border-radius: 0.69em;
  background-color: #bebebe;
  display: block;
  position: relative; }
  .swatch-filter-lightgray.disabled {
    opacity: 0.2; }

.swatch-circle-lightlines,
.swatch-circle-lightlines.large-swatch:after {
  background-color: #d6d4cf; }

.swatch-square-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d6d4cf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightlines.disabled {
    opacity: 0.2; }

.swatch-filter-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d6d4cf;
  border-radius: 0.69em;
  background-color: #d6d4cf;
  display: block;
  position: relative; }
  .swatch-filter-lightlines.disabled {
    opacity: 0.2; }

.swatch-circle-lightpink,
.swatch-circle-lightpink.large-swatch:after {
  background-color: #b8575f; }

.swatch-square-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8575f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightpink.disabled {
    opacity: 0.2; }

.swatch-filter-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8575f;
  border-radius: 0.69em;
  background-color: #b8575f;
  display: block;
  position: relative; }
  .swatch-filter-lightpink.disabled {
    opacity: 0.2; }

.swatch-circle-lilac,
.swatch-circle-lilac.large-swatch:after {
  background-color: #d2bbda; }

.swatch-square-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2bbda;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lilac.disabled {
    opacity: 0.2; }

.swatch-filter-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2bbda;
  border-radius: 0.69em;
  background-color: #d2bbda;
  display: block;
  position: relative; }
  .swatch-filter-lilac.disabled {
    opacity: 0.2; }

.swatch-circle-lime,
.swatch-circle-lime.large-swatch:after {
  background-color: #d7e241; }

.swatch-square-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e241;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lime.disabled {
    opacity: 0.2; }

.swatch-filter-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e241;
  border-radius: 0.69em;
  background-color: #d7e241;
  display: block;
  position: relative; }
  .swatch-filter-lime.disabled {
    opacity: 0.2; }

.swatch-circle-limelight,
.swatch-circle-limelight.large-swatch:after {
  background-color: #c9dd00; }

.swatch-square-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9dd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-limelight.disabled {
    opacity: 0.2; }

.swatch-filter-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9dd00;
  border-radius: 0.69em;
  background-color: #c9dd00;
  display: block;
  position: relative; }
  .swatch-filter-limelight.disabled {
    opacity: 0.2; }

.swatch-circle-magnetic,
.swatch-circle-magnetic.large-swatch:after {
  background-color: #a50069; }

.swatch-square-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50069;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-magnetic.disabled {
    opacity: 0.2; }

.swatch-filter-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50069;
  border-radius: 0.69em;
  background-color: #a50069;
  display: block;
  position: relative; }
  .swatch-filter-magnetic.disabled {
    opacity: 0.2; }

.swatch-circle-majesty,
.swatch-circle-majesty.large-swatch:after {
  background-color: #5d4171; }

.swatch-square-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5d4171;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-majesty.disabled {
    opacity: 0.2; }

.swatch-filter-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5d4171;
  border-radius: 0.69em;
  background-color: #5d4171;
  display: block;
  position: relative; }
  .swatch-filter-majesty.disabled {
    opacity: 0.2; }

.swatch-circle-mango,
.swatch-circle-mango.large-swatch:after {
  background-color: #f6d654; }

.swatch-square-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6d654;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mango.disabled {
    opacity: 0.2; }

.swatch-filter-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6d654;
  border-radius: 0.69em;
  background-color: #f6d654;
  display: block;
  position: relative; }
  .swatch-filter-mango.disabled {
    opacity: 0.2; }

.swatch-circle-marina,
.swatch-circle-marina.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marina.disabled {
    opacity: 0.2; }

.swatch-filter-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marina.disabled {
    opacity: 0.2; }

.swatch-circle-marinablue,
.swatch-circle-marinablue.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marinablue.disabled {
    opacity: 0.2; }

.swatch-filter-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marinablue.disabled {
    opacity: 0.2; }

.swatch-circle-mask,
.swatch-circle-mask.large-swatch:after {
  background-color: #22314e; }

.swatch-square-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #22314e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mask.disabled {
    opacity: 0.2; }

.swatch-filter-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #22314e;
  border-radius: 0.69em;
  background-color: #22314e;
  display: block;
  position: relative; }
  .swatch-filter-mask.disabled {
    opacity: 0.2; }

.swatch-circle-mauve,
.swatch-circle-mauve.large-swatch:after {
  background-color: #c873af; }

.swatch-square-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c873af;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mauve.disabled {
    opacity: 0.2; }

.swatch-filter-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c873af;
  border-radius: 0.69em;
  background-color: #c873af;
  display: block;
  position: relative; }
  .swatch-filter-mauve.disabled {
    opacity: 0.2; }

.swatch-circle-mellowpink,
.swatch-circle-mellowpink.large-swatch:after {
  background-color: #ecc7d2; }

.swatch-square-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ecc7d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mellowpink.disabled {
    opacity: 0.2; }

.swatch-filter-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ecc7d2;
  border-radius: 0.69em;
  background-color: #ecc7d2;
  display: block;
  position: relative; }
  .swatch-filter-mellowpink.disabled {
    opacity: 0.2; }

.swatch-circle-midnight,
.swatch-circle-midnight.large-swatch:after {
  background-color: #35363b; }

.swatch-square-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #35363b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnight.disabled {
    opacity: 0.2; }

.swatch-filter-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #35363b;
  border-radius: 0.69em;
  background-color: #35363b;
  display: block;
  position: relative; }
  .swatch-filter-midnight.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblack,
.swatch-circle-midnightblack.large-swatch:after {
  background-color: #454545; }

.swatch-square-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #454545;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblack.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #454545;
  border-radius: 0.69em;
  background-color: #454545;
  display: block;
  position: relative; }
  .swatch-filter-midnightblack.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblue,
.swatch-circle-midnightblue.large-swatch:after {
  background-color: #1a2b51; }

.swatch-square-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1a2b51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblue.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1a2b51;
  border-radius: 0.69em;
  background-color: #1a2b51;
  display: block;
  position: relative; }
  .swatch-filter-midnightblue.disabled {
    opacity: 0.2; }

.swatch-circle-midnightgreen,
.swatch-circle-midnightgreen.large-swatch:after {
  background-color: #485b53; }

.swatch-square-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #485b53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-filter-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #485b53;
  border-radius: 0.69em;
  background-color: #485b53;
  display: block;
  position: relative; }
  .swatch-filter-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-circle-midorange,
.swatch-circle-midorange.large-swatch:after {
  background-color: #c8532c; }

.swatch-square-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c8532c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midorange.disabled {
    opacity: 0.2; }

.swatch-filter-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c8532c;
  border-radius: 0.69em;
  background-color: #c8532c;
  display: block;
  position: relative; }
  .swatch-filter-midorange.disabled {
    opacity: 0.2; }

.swatch-circle-millennialpink,
.swatch-circle-millennialpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-millennialpink.disabled {
    opacity: 0.2; }

.swatch-filter-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-millennialpink.disabled {
    opacity: 0.2; }

.swatch-circle-mint,
.swatch-circle-mint.large-swatch:after {
  background-color: #73d1b7; }

.swatch-square-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #73d1b7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mint.disabled {
    opacity: 0.2; }

.swatch-filter-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #73d1b7;
  border-radius: 0.69em;
  background-color: #73d1b7;
  display: block;
  position: relative; }
  .swatch-filter-mint.disabled {
    opacity: 0.2; }

.swatch-circle-mixitblue,
.swatch-circle-mixitblue.large-swatch:after {
  background-color: #1e93be; }

.swatch-square-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1e93be;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitblue.disabled {
    opacity: 0.2; }

.swatch-filter-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1e93be;
  border-radius: 0.69em;
  background-color: #1e93be;
  display: block;
  position: relative; }
  .swatch-filter-mixitblue.disabled {
    opacity: 0.2; }

.swatch-circle-mixitred,
.swatch-circle-mixitred.large-swatch:after {
  background-color: #bc302d; }

.swatch-square-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bc302d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitred.disabled {
    opacity: 0.2; }

.swatch-filter-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bc302d;
  border-radius: 0.69em;
  background-color: #bc302d;
  display: block;
  position: relative; }
  .swatch-filter-mixitred.disabled {
    opacity: 0.2; }

.swatch-circle-monument,
.swatch-circle-monument.large-swatch:after {
  background-color: #484443; }

.swatch-square-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #484443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-monument.disabled {
    opacity: 0.2; }

.swatch-filter-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #484443;
  border-radius: 0.69em;
  background-color: #484443;
  display: block;
  position: relative; }
  .swatch-filter-monument.disabled {
    opacity: 0.2; }

.swatch-circle-mustard,
.swatch-circle-mustard.large-swatch:after {
  background-color: #c9ba4e; }

.swatch-square-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9ba4e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mustard.disabled {
    opacity: 0.2; }

.swatch-filter-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9ba4e;
  border-radius: 0.69em;
  background-color: #c9ba4e;
  display: block;
  position: relative; }
  .swatch-filter-mustard.disabled {
    opacity: 0.2; }

.swatch-circle-navy,
.swatch-circle-navy.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-navyblue,
.swatch-circle-navyblue.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navyblue.disabled {
    opacity: 0.2; }

.swatch-filter-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navyblue.disabled {
    opacity: 0.2; }

.swatch-circle-nightfall,
.swatch-circle-nightfall.large-swatch:after {
  background-color: #53396a; }

.swatch-square-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #53396a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightfall.disabled {
    opacity: 0.2; }

.swatch-filter-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #53396a;
  border-radius: 0.69em;
  background-color: #53396a;
  display: block;
  position: relative; }
  .swatch-filter-nightfall.disabled {
    opacity: 0.2; }

.swatch-circle-nightsky,
.swatch-circle-nightsky.large-swatch:after {
  background-color: #1d164c; }

.swatch-square-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d164c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightsky.disabled {
    opacity: 0.2; }

.swatch-filter-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d164c;
  border-radius: 0.69em;
  background-color: #1d164c;
  display: block;
  position: relative; }
  .swatch-filter-nightsky.disabled {
    opacity: 0.2; }

.swatch-circle-ocean,
.swatch-circle-ocean.large-swatch:after {
  background-color: #235484; }

.swatch-square-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #235484;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ocean.disabled {
    opacity: 0.2; }

.swatch-filter-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #235484;
  border-radius: 0.69em;
  background-color: #235484;
  display: block;
  position: relative; }
  .swatch-filter-ocean.disabled {
    opacity: 0.2; }

.swatch-circle-olive,
.swatch-circle-olive.large-swatch:after {
  background-color: #69786d; }

.swatch-square-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69786d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olive.disabled {
    opacity: 0.2; }

.swatch-filter-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69786d;
  border-radius: 0.69em;
  background-color: #69786d;
  display: block;
  position: relative; }
  .swatch-filter-olive.disabled {
    opacity: 0.2; }

.swatch-circle-olivegreen,
.swatch-circle-olivegreen.large-swatch:after {
  background-color: #55782d; }

.swatch-square-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #55782d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olivegreen.disabled {
    opacity: 0.2; }

.swatch-filter-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #55782d;
  border-radius: 0.69em;
  background-color: #55782d;
  display: block;
  position: relative; }
  .swatch-filter-olivegreen.disabled {
    opacity: 0.2; }

.swatch-circle-orange,
.swatch-circle-orange.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-orange2,
.swatch-circle-orange2.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange2.disabled {
    opacity: 0.2; }

.swatch-filter-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange2.disabled {
    opacity: 0.2; }

.swatch-circle-orchid,
.swatch-circle-orchid.large-swatch:after {
  background-color: #9961c3; }

.swatch-square-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9961c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orchid.disabled {
    opacity: 0.2; }

.swatch-filter-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9961c3;
  border-radius: 0.69em;
  background-color: #9961c3;
  display: block;
  position: relative; }
  .swatch-filter-orchid.disabled {
    opacity: 0.2; }

.swatch-circle-overcast,
.swatch-circle-overcast.large-swatch:after {
  background-color: #bdbebf; }

.swatch-square-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bdbebf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-overcast.disabled {
    opacity: 0.2; }

.swatch-filter-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bdbebf;
  border-radius: 0.69em;
  background-color: #bdbebf;
  display: block;
  position: relative; }
  .swatch-filter-overcast.disabled {
    opacity: 0.2; }

.swatch-circle-oystergray,
.swatch-circle-oystergray.large-swatch:after {
  background-color: #666666; }

.swatch-square-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #666666;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-oystergray.disabled {
    opacity: 0.2; }

.swatch-filter-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #666666;
  border-radius: 0.69em;
  background-color: #666666;
  display: block;
  position: relative; }
  .swatch-filter-oystergray.disabled {
    opacity: 0.2; }

.swatch-circle-paleblue,
.swatch-circle-paleblue.large-swatch:after {
  background-color: #6f90b8; }

.swatch-square-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f90b8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paleblue.disabled {
    opacity: 0.2; }

.swatch-filter-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f90b8;
  border-radius: 0.69em;
  background-color: #6f90b8;
  display: block;
  position: relative; }
  .swatch-filter-paleblue.disabled {
    opacity: 0.2; }

.swatch-circle-paparazzipink,
.swatch-circle-paparazzipink.large-swatch:after {
  background-color: #d3305d; }

.swatch-square-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3305d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-filter-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3305d;
  border-radius: 0.69em;
  background-color: #d3305d;
  display: block;
  position: relative; }
  .swatch-filter-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-circle-peacock,
.swatch-circle-peacock.large-swatch:after {
  background-color: #274b4c; }

.swatch-square-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274b4c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peacock.disabled {
    opacity: 0.2; }

.swatch-filter-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274b4c;
  border-radius: 0.69em;
  background-color: #274b4c;
  display: block;
  position: relative; }
  .swatch-filter-peacock.disabled {
    opacity: 0.2; }

.swatch-circle-pearlblue,
.swatch-circle-pearlblue.large-swatch:after {
  background-color: #e0ebf2; }

.swatch-square-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e0ebf2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pearlblue.disabled {
    opacity: 0.2; }

.swatch-filter-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e0ebf2;
  border-radius: 0.69em;
  background-color: #e0ebf2;
  display: block;
  position: relative; }
  .swatch-filter-pearlblue.disabled {
    opacity: 0.2; }

.swatch-circle-peat,
.swatch-circle-peat.large-swatch:after {
  background-color: #f56936; }

.swatch-square-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f56936;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peat.disabled {
    opacity: 0.2; }

.swatch-filter-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f56936;
  border-radius: 0.69em;
  background-color: #f56936;
  display: block;
  position: relative; }
  .swatch-filter-peat.disabled {
    opacity: 0.2; }

.swatch-circle-pebble,
.swatch-circle-pebble.large-swatch:after {
  background-color: #b4aeb1; }

.swatch-square-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b4aeb1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pebble.disabled {
    opacity: 0.2; }

.swatch-filter-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b4aeb1;
  border-radius: 0.69em;
  background-color: #b4aeb1;
  display: block;
  position: relative; }
  .swatch-filter-pebble.disabled {
    opacity: 0.2; }

.swatch-circle-peony,
.swatch-circle-peony.large-swatch:after {
  background-color: #fbaac7; }

.swatch-square-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fbaac7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peony.disabled {
    opacity: 0.2; }

.swatch-filter-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fbaac7;
  border-radius: 0.69em;
  background-color: #fbaac7;
  display: block;
  position: relative; }
  .swatch-filter-peony.disabled {
    opacity: 0.2; }

.swatch-circle-perfectplum,
.swatch-circle-perfectplum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-perfectplum.disabled {
    opacity: 0.2; }

.swatch-filter-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-perfectplum.disabled {
    opacity: 0.2; }

.swatch-circle-persimmon,
.swatch-circle-persimmon.large-swatch:after {
  background-color: #db6618; }

.swatch-square-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db6618;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-persimmon.disabled {
    opacity: 0.2; }

.swatch-filter-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db6618;
  border-radius: 0.69em;
  background-color: #db6618;
  display: block;
  position: relative; }
  .swatch-filter-persimmon.disabled {
    opacity: 0.2; }

.swatch-circle-petal,
.swatch-circle-petal.large-swatch:after {
  background-color: #f7dce2; }

.swatch-square-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f7dce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petal.disabled {
    opacity: 0.2; }

.swatch-filter-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f7dce2;
  border-radius: 0.69em;
  background-color: #f7dce2;
  display: block;
  position: relative; }
  .swatch-filter-petal.disabled {
    opacity: 0.2; }

.swatch-circle-petalpink,
.swatch-circle-petalpink.large-swatch:after {
  background-color: #fda4bc; }

.swatch-square-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fda4bc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petalpink.disabled {
    opacity: 0.2; }

.swatch-filter-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fda4bc;
  border-radius: 0.69em;
  background-color: #fda4bc;
  display: block;
  position: relative; }
  .swatch-filter-petalpink.disabled {
    opacity: 0.2; }

.swatch-circle-phantom,
.swatch-circle-phantom.large-swatch:after {
  background-color: #42474c; }

.swatch-square-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #42474c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-phantom.disabled {
    opacity: 0.2; }

.swatch-filter-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #42474c;
  border-radius: 0.69em;
  background-color: #42474c;
  display: block;
  position: relative; }
  .swatch-filter-phantom.disabled {
    opacity: 0.2; }

.swatch-circle-pianoblack,
.swatch-circle-pianoblack.large-swatch:after {
  background-color: #000; }

.swatch-square-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pianoblack.disabled {
    opacity: 0.2; }

.swatch-filter-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-pianoblack.disabled {
    opacity: 0.2; }

.swatch-circle-pink,
.swatch-circle-pink.large-swatch:after {
  background-color: #cb6199; }

.swatch-square-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cb6199;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cb6199;
  border-radius: 0.69em;
  background-color: #cb6199;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-pinkviolet,
.swatch-circle-pinkviolet.large-swatch:after {
  background-color: #902865; }

.swatch-square-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #902865;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-filter-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #902865;
  border-radius: 0.69em;
  background-color: #902865;
  display: block;
  position: relative; }
  .swatch-filter-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-circle-pinot,
.swatch-circle-pinot.large-swatch:after {
  background-color: #693462; }

.swatch-square-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #693462;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinot.disabled {
    opacity: 0.2; }

.swatch-filter-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #693462;
  border-radius: 0.69em;
  background-color: #693462;
  display: block;
  position: relative; }
  .swatch-filter-pinot.disabled {
    opacity: 0.2; }

.swatch-circle-pistachiogreen,
.swatch-circle-pistachiogreen.large-swatch:after {
  background-color: #819D78; }

.swatch-square-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #819D78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-filter-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #819D78;
  border-radius: 0.69em;
  background-color: #819D78;
  display: block;
  position: relative; }
  .swatch-filter-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-circle-pitchblack,
.swatch-circle-pitchblack.large-swatch:after {
  background-color: #020202; }

.swatch-square-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #020202;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pitchblack.disabled {
    opacity: 0.2; }

.swatch-filter-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #020202;
  border-radius: 0.69em;
  background-color: #020202;
  display: block;
  position: relative; }
  .swatch-filter-pitchblack.disabled {
    opacity: 0.2; }

.swatch-circle-plum,
.swatch-circle-plum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plum.disabled {
    opacity: 0.2; }

.swatch-filter-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-plum.disabled {
    opacity: 0.2; }

.swatch-circle-plumberry,
.swatch-circle-plumberry.large-swatch:after {
  background-color: #4d195b; }

.swatch-square-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d195b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plumberry.disabled {
    opacity: 0.2; }

.swatch-filter-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d195b;
  border-radius: 0.69em;
  background-color: #4d195b;
  display: block;
  position: relative; }
  .swatch-filter-plumberry.disabled {
    opacity: 0.2; }

.swatch-circle-portred,
.swatch-circle-portred.large-swatch:after {
  background-color: #77212e; }

.swatch-square-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #77212e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-portred.disabled {
    opacity: 0.2; }

.swatch-filter-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #77212e;
  border-radius: 0.69em;
  background-color: #77212e;
  display: block;
  position: relative; }
  .swatch-filter-portred.disabled {
    opacity: 0.2; }

.swatch-circle-punch,
.swatch-circle-punch.large-swatch:after {
  background-color: #c52062; }

.swatch-square-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c52062;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-punch.disabled {
    opacity: 0.2; }

.swatch-filter-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c52062;
  border-radius: 0.69em;
  background-color: #c52062;
  display: block;
  position: relative; }
  .swatch-filter-punch.disabled {
    opacity: 0.2; }

.swatch-circle-purple,
.swatch-circle-purple.large-swatch:after {
  background-color: #6d3c7d; }

.swatch-square-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6d3c7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6d3c7d;
  border-radius: 0.69em;
  background-color: #6d3c7d;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-purplelightning,
.swatch-circle-purplelightning.large-swatch:after {
  background-color: #6f4181; }

.swatch-square-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f4181;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purplelightning.disabled {
    opacity: 0.2; }

.swatch-filter-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f4181;
  border-radius: 0.69em;
  background-color: #6f4181;
  display: block;
  position: relative; }
  .swatch-filter-purplelightning.disabled {
    opacity: 0.2; }

.swatch-circle-radiantorchid,
.swatch-circle-radiantorchid.large-swatch:after {
  background-color: #a45b96; }

.swatch-square-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a45b96;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-filter-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a45b96;
  border-radius: 0.69em;
  background-color: #a45b96;
  display: block;
  position: relative; }
  .swatch-filter-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-circle-red,
.swatch-circle-red.large-swatch:after {
  background-color: #d3222a; }

.swatch-square-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3222a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3222a;
  border-radius: 0.69em;
  background-color: #d3222a;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-redcarpet,
.swatch-circle-redcarpet.large-swatch:after {
  background-color: #9d202f; }

.swatch-square-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9d202f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redcarpet.disabled {
    opacity: 0.2; }

.swatch-filter-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9d202f;
  border-radius: 0.69em;
  background-color: #9d202f;
  display: block;
  position: relative; }
  .swatch-filter-redcarpet.disabled {
    opacity: 0.2; }

.swatch-circle-redviolet,
.swatch-circle-redviolet.large-swatch:after {
  background-color: #6c3a77; }

.swatch-square-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c3a77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redviolet.disabled {
    opacity: 0.2; }

.swatch-filter-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c3a77;
  border-radius: 0.69em;
  background-color: #6c3a77;
  display: block;
  position: relative; }
  .swatch-filter-redviolet.disabled {
    opacity: 0.2; }

.swatch-circle-reflection,
.swatch-circle-reflection.large-swatch:after {
  background-color: #00aed9; }

.swatch-square-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00aed9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-reflection.disabled {
    opacity: 0.2; }

.swatch-filter-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00aed9;
  border-radius: 0.69em;
  background-color: #00aed9;
  display: block;
  position: relative; }
  .swatch-filter-reflection.disabled {
    opacity: 0.2; }

.swatch-circle-rooftopgreen,
.swatch-circle-rooftopgreen.large-swatch:after {
  background-color: #68c448; }

.swatch-square-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #68c448;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-filter-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #68c448;
  border-radius: 0.69em;
  background-color: #68c448;
  display: block;
  position: relative; }
  .swatch-filter-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-circle-rose,
.swatch-circle-rose.large-swatch:after {
  background-color: #8b2346; }

.swatch-square-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b2346;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rose.disabled {
    opacity: 0.2; }

.swatch-filter-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b2346;
  border-radius: 0.69em;
  background-color: #8b2346;
  display: block;
  position: relative; }
  .swatch-filter-rose.disabled {
    opacity: 0.2; }

.swatch-circle-rosegold,
.swatch-circle-rosegold.large-swatch:after {
  background-color: #edd7cb; }

.swatch-square-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #edd7cb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosegold.disabled {
    opacity: 0.2; }

.swatch-filter-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #edd7cb;
  border-radius: 0.69em;
  background-color: #edd7cb;
  display: block;
  position: relative; }
  .swatch-filter-rosegold.disabled {
    opacity: 0.2; }

.swatch-circle-rosequartz,
.swatch-circle-rosequartz.large-swatch:after {
  background-color: #f1d6c9; }

.swatch-square-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1d6c9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosequartz.disabled {
    opacity: 0.2; }

.swatch-filter-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1d6c9;
  border-radius: 0.69em;
  background-color: #f1d6c9;
  display: block;
  position: relative; }
  .swatch-filter-rosequartz.disabled {
    opacity: 0.2; }

.swatch-circle-royallilac,
.swatch-circle-royallilac.large-swatch:after {
  background-color: #8c0628; }

.swatch-square-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8c0628;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royallilac.disabled {
    opacity: 0.2; }

.swatch-filter-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8c0628;
  border-radius: 0.69em;
  background-color: #8c0628;
  display: block;
  position: relative; }
  .swatch-filter-royallilac.disabled {
    opacity: 0.2; }

.swatch-circle-royalpurple,
.swatch-circle-royalpurple.large-swatch:after {
  background-color: #591c65; }

.swatch-square-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #591c65;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royalpurple.disabled {
    opacity: 0.2; }

.swatch-filter-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #591c65;
  border-radius: 0.69em;
  background-color: #591c65;
  display: block;
  position: relative; }
  .swatch-filter-royalpurple.disabled {
    opacity: 0.2; }

.swatch-circle-ruby,
.swatch-circle-ruby.large-swatch:after {
  background-color: #d12631; }

.swatch-square-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d12631;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ruby.disabled {
    opacity: 0.2; }

.swatch-filter-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d12631;
  border-radius: 0.69em;
  background-color: #d12631;
  display: block;
  position: relative; }
  .swatch-filter-ruby.disabled {
    opacity: 0.2; }

.swatch-circle-safetyorange,
.swatch-circle-safetyorange.large-swatch:after {
  background-color: #db4834; }

.swatch-square-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db4834;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-safetyorange.disabled {
    opacity: 0.2; }

.swatch-filter-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db4834;
  border-radius: 0.69em;
  background-color: #db4834;
  display: block;
  position: relative; }
  .swatch-filter-safetyorange.disabled {
    opacity: 0.2; }

.swatch-circle-sand,
.swatch-circle-sand.large-swatch:after {
  background-color: #f2eee8; }

.swatch-square-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2eee8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sand.disabled {
    opacity: 0.2; }

.swatch-filter-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2eee8;
  border-radius: 0.69em;
  background-color: #f2eee8;
  display: block;
  position: relative; }
  .swatch-filter-sand.disabled {
    opacity: 0.2; }

.swatch-circle-shadow,
.swatch-circle-shadow.large-swatch:after {
  background-color: #2c3f5f; }

.swatch-square-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c3f5f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadow.disabled {
    opacity: 0.2; }

.swatch-filter-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c3f5f;
  border-radius: 0.69em;
  background-color: #2c3f5f;
  display: block;
  position: relative; }
  .swatch-filter-shadow.disabled {
    opacity: 0.2; }

.swatch-circle-shadowmetallic,
.swatch-circle-shadowmetallic.large-swatch:after {
  background-color: #4d4d4b; }

.swatch-square-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d4d4b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-filter-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d4d4b;
  border-radius: 0.69em;
  background-color: #4d4d4b;
  display: block;
  position: relative; }
  .swatch-filter-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-circle-shellpink,
.swatch-circle-shellpink.large-swatch:after {
  background-color: #f6e1df; }

.swatch-square-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6e1df;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shellpink.disabled {
    opacity: 0.2; }

.swatch-filter-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6e1df;
  border-radius: 0.69em;
  background-color: #f6e1df;
  display: block;
  position: relative; }
  .swatch-filter-shellpink.disabled {
    opacity: 0.2; }

.swatch-circle-sidewalk,
.swatch-circle-sidewalk.large-swatch:after {
  background-color: #8a8f90; }

.swatch-square-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8a8f90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sidewalk.disabled {
    opacity: 0.2; }

.swatch-filter-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8a8f90;
  border-radius: 0.69em;
  background-color: #8a8f90;
  display: block;
  position: relative; }
  .swatch-filter-sidewalk.disabled {
    opacity: 0.2; }

.swatch-circle-silver,
.swatch-circle-silver.large-swatch:after {
  background-color: #8e908f; }

.swatch-square-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8e908f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-silver.disabled {
    opacity: 0.2; }

.swatch-filter-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8e908f;
  border-radius: 0.69em;
  background-color: #8e908f;
  display: block;
  position: relative; }
  .swatch-filter-silver.disabled {
    opacity: 0.2; }

.swatch-circle-slate,
.swatch-circle-slate.large-swatch:after {
  background-color: #606b78; }

.swatch-square-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #606b78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-slate.disabled {
    opacity: 0.2; }

.swatch-filter-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #606b78;
  border-radius: 0.69em;
  background-color: #606b78;
  display: block;
  position: relative; }
  .swatch-filter-slate.disabled {
    opacity: 0.2; }

.swatch-circle-smoke,
.swatch-circle-smoke.large-swatch:after {
  background-color: #616161; }

.swatch-square-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #616161;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smoke.disabled {
    opacity: 0.2; }

.swatch-filter-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #616161;
  border-radius: 0.69em;
  background-color: #616161;
  display: block;
  position: relative; }
  .swatch-filter-smoke.disabled {
    opacity: 0.2; }

.swatch-circle-smolder,
.swatch-circle-smolder.large-swatch:after {
  background-color: #41403f; }

.swatch-square-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #41403f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smolder.disabled {
    opacity: 0.2; }

.swatch-filter-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #41403f;
  border-radius: 0.69em;
  background-color: #41403f;
  display: block;
  position: relative; }
  .swatch-filter-smolder.disabled {
    opacity: 0.2; }

.swatch-circle-snowcapwhite,
.swatch-circle-snowcapwhite.large-swatch:after {
  background-color: #f9fafa; }

.swatch-square-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9fafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-filter-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9fafa;
  border-radius: 0.69em;
  background-color: #f9fafa;
  display: block;
  position: relative; }
  .swatch-filter-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-circle-softgray,
.swatch-circle-softgray.large-swatch:after {
  background-color: #3c393a; }

.swatch-square-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c393a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-softgray.disabled {
    opacity: 0.2; }

.swatch-filter-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c393a;
  border-radius: 0.69em;
  background-color: #3c393a;
  display: block;
  position: relative; }
  .swatch-filter-softgray.disabled {
    opacity: 0.2; }

.swatch-circle-sorbet,
.swatch-circle-sorbet.large-swatch:after {
  background-color: #e14c68; }

.swatch-square-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e14c68;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sorbet.disabled {
    opacity: 0.2; }

.swatch-filter-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e14c68;
  border-radius: 0.69em;
  background-color: #e14c68;
  display: block;
  position: relative; }
  .swatch-filter-sorbet.disabled {
    opacity: 0.2; }

.swatch-circle-spacegray,
.swatch-circle-spacegray.large-swatch:after {
  background-color: #626568; }

.swatch-square-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626568;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-spacegray.disabled {
    opacity: 0.2; }

.swatch-filter-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626568;
  border-radius: 0.69em;
  background-color: #626568;
  display: block;
  position: relative; }
  .swatch-filter-spacegray.disabled {
    opacity: 0.2; }

.swatch-circle-sparkle,
.swatch-circle-sparkle.large-swatch:after {
  background-color: #bab7b4; }

.swatch-square-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bab7b4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparkle.disabled {
    opacity: 0.2; }

.swatch-filter-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bab7b4;
  border-radius: 0.69em;
  background-color: #bab7b4;
  display: block;
  position: relative; }
  .swatch-filter-sparkle.disabled {
    opacity: 0.2; }

.swatch-circle-sparklinggrape,
.swatch-circle-sparklinggrape.large-swatch:after {
  background-color: #642f6c; }

.swatch-square-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #642f6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-filter-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #642f6c;
  border-radius: 0.69em;
  background-color: #642f6c;
  display: block;
  position: relative; }
  .swatch-filter-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-circle-sportyellow,
.swatch-circle-sportyellow.large-swatch:after {
  background-color: #f1eb54; }

.swatch-square-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eb54;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sportyellow.disabled {
    opacity: 0.2; }

.swatch-filter-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eb54;
  border-radius: 0.69em;
  background-color: #f1eb54;
  display: block;
  position: relative; }
  .swatch-filter-sportyellow.disabled {
    opacity: 0.2; }

.swatch-circle-steel,
.swatch-circle-steel.large-swatch:after {
  background-color: #84888b; }

.swatch-square-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #84888b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-steel.disabled {
    opacity: 0.2; }

.swatch-filter-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #84888b;
  border-radius: 0.69em;
  background-color: #84888b;
  display: block;
  position: relative; }
  .swatch-filter-steel.disabled {
    opacity: 0.2; }

.swatch-circle-stockbrown,
.swatch-circle-stockbrown.large-swatch:after {
  background-color: #60473a; }

.swatch-square-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #60473a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stockbrown.disabled {
    opacity: 0.2; }

.swatch-filter-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #60473a;
  border-radius: 0.69em;
  background-color: #60473a;
  display: block;
  position: relative; }
  .swatch-filter-stockbrown.disabled {
    opacity: 0.2; }

.swatch-circle-stone,
.swatch-circle-stone.large-swatch:after {
  background-color: #a2a5a4; }

.swatch-square-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2a5a4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stone.disabled {
    opacity: 0.2; }

.swatch-filter-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2a5a4;
  border-radius: 0.69em;
  background-color: #a2a5a4;
  display: block;
  position: relative; }
  .swatch-filter-stone.disabled {
    opacity: 0.2; }

.swatch-circle-stripe,
.swatch-circle-stripe.large-swatch:after {
  background-color: #b5b5b5; }

.swatch-square-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b5b5b5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stripe.disabled {
    opacity: 0.2; }

.swatch-filter-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b5b5b5;
  border-radius: 0.69em;
  background-color: #b5b5b5;
  display: block;
  position: relative; }
  .swatch-filter-stripe.disabled {
    opacity: 0.2; }

.swatch-circle-sunsetpink,
.swatch-circle-sunsetpink.large-swatch:after {
  background-color: #f25f66; }

.swatch-square-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f25f66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-filter-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f25f66;
  border-radius: 0.69em;
  background-color: #f25f66;
  display: block;
  position: relative; }
  .swatch-filter-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-circle-surge,
.swatch-circle-surge.large-swatch:after {
  background-color: #ff7d00; }

.swatch-square-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff7d00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-surge.disabled {
    opacity: 0.2; }

.swatch-filter-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff7d00;
  border-radius: 0.69em;
  background-color: #ff7d00;
  display: block;
  position: relative; }
  .swatch-filter-surge.disabled {
    opacity: 0.2; }

.swatch-circle-swim,
.swatch-circle-swim.large-swatch:after {
  background-color: #a2dae8; }

.swatch-square-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2dae8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-swim.disabled {
    opacity: 0.2; }

.swatch-filter-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2dae8;
  border-radius: 0.69em;
  background-color: #a2dae8;
  display: block;
  position: relative; }
  .swatch-filter-swim.disabled {
    opacity: 0.2; }

.swatch-circle-tan,
.swatch-circle-tan.large-swatch:after {
  background-color: #d2ccb8; }

.swatch-square-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2ccb8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tan.disabled {
    opacity: 0.2; }

.swatch-filter-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2ccb8;
  border-radius: 0.69em;
  background-color: #d2ccb8;
  display: block;
  position: relative; }
  .swatch-filter-tan.disabled {
    opacity: 0.2; }

.swatch-circle-taro,
.swatch-circle-taro.large-swatch:after {
  background-color: #9f7ca6; }

.swatch-square-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9f7ca6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taro.disabled {
    opacity: 0.2; }

.swatch-filter-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9f7ca6;
  border-radius: 0.69em;
  background-color: #9f7ca6;
  display: block;
  position: relative; }
  .swatch-filter-taro.disabled {
    opacity: 0.2; }

.swatch-circle-tarragon,
.swatch-circle-tarragon.large-swatch:after {
  background-color: #aabc59; }

.swatch-square-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aabc59;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tarragon.disabled {
    opacity: 0.2; }

.swatch-filter-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aabc59;
  border-radius: 0.69em;
  background-color: #aabc59;
  display: block;
  position: relative; }
  .swatch-filter-tarragon.disabled {
    opacity: 0.2; }

.swatch-circle-taupe,
.swatch-circle-taupe.large-swatch:after {
  background-color: #c9c2b0; }

.swatch-square-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9c2b0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taupe.disabled {
    opacity: 0.2; }

.swatch-filter-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9c2b0;
  border-radius: 0.69em;
  background-color: #c9c2b0;
  display: block;
  position: relative; }
  .swatch-filter-taupe.disabled {
    opacity: 0.2; }

.swatch-circle-teal,
.swatch-circle-teal.large-swatch:after {
  background-color: #2e6464; }

.swatch-square-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2e6464;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-teal.disabled {
    opacity: 0.2; }

.swatch-filter-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2e6464;
  border-radius: 0.69em;
  background-color: #2e6464;
  display: block;
  position: relative; }
  .swatch-filter-teal.disabled {
    opacity: 0.2; }

.swatch-circle-technoblue,
.swatch-circle-technoblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-technoblue.disabled {
    opacity: 0.2; }

.swatch-filter-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-technoblue.disabled {
    opacity: 0.2; }

.swatch-circle-titanium,
.swatch-circle-titanium.large-swatch:after {
  background-color: #222325; }

.swatch-square-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #222325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-titanium.disabled {
    opacity: 0.2; }

.swatch-filter-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #222325;
  border-radius: 0.69em;
  background-color: #222325;
  display: block;
  position: relative; }
  .swatch-filter-titanium.disabled {
    opacity: 0.2; }

.swatch-circle-toffee,
.swatch-circle-toffee.large-swatch:after {
  background-color: #965224; }

.swatch-square-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #965224;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-toffee.disabled {
    opacity: 0.2; }

.swatch-filter-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #965224;
  border-radius: 0.69em;
  background-color: #965224;
  display: block;
  position: relative; }
  .swatch-filter-toffee.disabled {
    opacity: 0.2; }

.swatch-circle-topaz,
.swatch-circle-topaz.large-swatch:after {
  background-color: #0098cd; }

.swatch-square-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-topaz.disabled {
    opacity: 0.2; }

.swatch-filter-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098cd;
  border-radius: 0.69em;
  background-color: #0098cd;
  display: block;
  position: relative; }
  .swatch-filter-topaz.disabled {
    opacity: 0.2; }

.swatch-circle-tourmaline,
.swatch-circle-tourmaline.large-swatch:after {
  background-color: #afdce2; }

.swatch-square-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #afdce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tourmaline.disabled {
    opacity: 0.2; }

.swatch-filter-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #afdce2;
  border-radius: 0.69em;
  background-color: #afdce2;
  display: block;
  position: relative; }
  .swatch-filter-tourmaline.disabled {
    opacity: 0.2; }

.swatch-circle-translucentwhite,
.swatch-circle-translucentwhite.large-swatch:after {
  background-color: #ccc; }

.swatch-square-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ccc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-filter-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ccc;
  border-radius: 0.69em;
  background-color: #ccc;
  display: block;
  position: relative; }
  .swatch-filter-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-circle-transparent,
.swatch-circle-transparent.large-swatch:after {
  background-color: #fcfcfc; }

.swatch-square-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcfcfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-transparent.disabled {
    opacity: 0.2; }

.swatch-filter-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcfcfc;
  border-radius: 0.69em;
  background-color: #fcfcfc;
  display: block;
  position: relative; }
  .swatch-filter-transparent.disabled {
    opacity: 0.2; }

.swatch-circle-uniformblue,
.swatch-circle-uniformblue.large-swatch:after {
  background-color: #233658; }

.swatch-square-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233658;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-uniformblue.disabled {
    opacity: 0.2; }

.swatch-filter-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233658;
  border-radius: 0.69em;
  background-color: #233658;
  display: block;
  position: relative; }
  .swatch-filter-uniformblue.disabled {
    opacity: 0.2; }

.swatch-circle-verryberry,
.swatch-circle-verryberry.large-swatch:after {
  background-color: #a73e77; }

.swatch-square-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a73e77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-verryberry.disabled {
    opacity: 0.2; }

.swatch-filter-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a73e77;
  border-radius: 0.69em;
  background-color: #a73e77;
  display: block;
  position: relative; }
  .swatch-filter-verryberry.disabled {
    opacity: 0.2; }

.swatch-circle-violet,
.swatch-circle-violet.large-swatch:after {
  background-color: #4814a0; }

.swatch-square-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4814a0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-violet.disabled {
    opacity: 0.2; }

.swatch-filter-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4814a0;
  border-radius: 0.69em;
  background-color: #4814a0;
  display: block;
  position: relative; }
  .swatch-filter-violet.disabled {
    opacity: 0.2; }

.swatch-circle-vividblue,
.swatch-circle-vividblue.large-swatch:after {
  background-color: #005ca8; }

.swatch-square-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #005ca8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-vividblue.disabled {
    opacity: 0.2; }

.swatch-filter-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #005ca8;
  border-radius: 0.69em;
  background-color: #005ca8;
  display: block;
  position: relative; }
  .swatch-filter-vividblue.disabled {
    opacity: 0.2; }

.swatch-circle-volta,
.swatch-circle-volta.large-swatch:after {
  background-color: #7d5ccb; }

.swatch-square-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7d5ccb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-volta.disabled {
    opacity: 0.2; }

.swatch-filter-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7d5ccb;
  border-radius: 0.69em;
  background-color: #7d5ccb;
  display: block;
  position: relative; }
  .swatch-filter-volta.disabled {
    opacity: 0.2; }

.swatch-circle-walnut,
.swatch-circle-walnut.large-swatch:after {
  background-color: #c2b499; }

.swatch-square-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2b499;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-walnut.disabled {
    opacity: 0.2; }

.swatch-filter-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2b499;
  border-radius: 0.69em;
  background-color: #c2b499;
  display: block;
  position: relative; }
  .swatch-filter-walnut.disabled {
    opacity: 0.2; }

.swatch-circle-waterfrontblue,
.swatch-circle-waterfrontblue.large-swatch:after {
  background-color: #456083; }

.swatch-square-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #456083;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-filter-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #456083;
  border-radius: 0.69em;
  background-color: #456083;
  display: block;
  position: relative; }
  .swatch-filter-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-circle-wauve,
.swatch-circle-wauve.large-swatch:after {
  background-color: #9e85a3; }

.swatch-square-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9e85a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-wauve.disabled {
    opacity: 0.2; }

.swatch-filter-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9e85a3;
  border-radius: 0.69em;
  background-color: #9e85a3;
  display: block;
  position: relative; }
  .swatch-filter-wauve.disabled {
    opacity: 0.2; }

.swatch-circle-white,
.swatch-circle-white.large-swatch:after {
  background-color: #fafafa; }

.swatch-square-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafafa;
  border-radius: 0.69em;
  background-color: #fafafa;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-whiteout,
.swatch-circle-whiteout.large-swatch:after {
  background-color: #f1eeed; }

.swatch-square-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eeed;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whiteout.disabled {
    opacity: 0.2; }

.swatch-filter-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eeed;
  border-radius: 0.69em;
  background-color: #f1eeed;
  display: block;
  position: relative; }
  .swatch-filter-whiteout.disabled {
    opacity: 0.2; }

.swatch-circle-whitepearl,
.swatch-circle-whitepearl.large-swatch:after {
  background-color: #c1c1c1; }

.swatch-square-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c1c1c1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whitepearl.disabled {
    opacity: 0.2; }

.swatch-filter-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c1c1c1;
  border-radius: 0.69em;
  background-color: #c1c1c1;
  display: block;
  position: relative; }
  .swatch-filter-whitepearl.disabled {
    opacity: 0.2; }

.swatch-circle-yellow,
.swatch-circle-yellow.large-swatch:after {
  background-color: #f2fa11; }

.swatch-square-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2fa11;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2fa11;
  border-radius: 0.69em;
  background-color: #f2fa11;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-yellowcab,
.swatch-circle-yellowcab.large-swatch:after {
  background-color: #ffcd00; }

.swatch-square-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffcd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellowcab.disabled {
    opacity: 0.2; }

.swatch-filter-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffcd00;
  border-radius: 0.69em;
  background-color: #ffcd00;
  display: block;
  position: relative; }
  .swatch-filter-yellowcab.disabled {
    opacity: 0.2; }

.swatch-circle-clear.large-swatch:after,
.product-tile__wrapper .swatch-circle-clear {
  background: linear-gradient(135deg, #dedede 0%, #fefefe 52%, #fefefe 69%, #f4f4f4 100%); }

.product-tile__wrapper .swatch-circle-blackwhite {
  background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%);
  border: 1px solid #ccc; }

.css-swatch-circle {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
  border: none;
  display: block;
  position: relative; }
  .css-swatch-circle.large-swatch {
    width: 3.25rem;
    height: 3.25rem;
    border: none;
    background-color: white; }
    .css-swatch-circle.large-swatch:after {
      content: '';
      display: block;
      width: 2.625rem;
      height: 2.625rem;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .css-swatch-circle.swatch-circle-white.large-swatch {
    background-color: #CCD1D6; }
  .css-swatch-circle.swatch-circle-clear.large-swatch {
    background-color: #F5F5F5; }
  .css-swatch-circle.swatch-circle-blackwhite {
    border: 1px solid #ddd; }
  .css-swatch-circle.swatch-circle-blackwhite:after {
    background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%); }

.swatch-circle-miscellaneous,
.swatch-square-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 1.375em;
  position: relative;
  transform: rotate(35deg);
  width: 1.375em; }
  .swatch-circle-miscellaneous.disabled,
  .swatch-square-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after,
  .swatch-square-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.swatch-square-miscellaneous {
  border-radius: 0;
  transform: unset; }
  .swatch-square-miscellaneous.selected::after {
    transform: unset; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.search-trigger {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center; }
  @media (min-width: 992px) {
    .search-trigger {
      display: none; } }
  @media (min-width: 769px) {
    .search-trigger {
      padding: 0 0.5rem; } }
  .search-trigger:before {
    content: '';
    display: block;
    background-image: url("../../images/icons/search-black.svg");
    background-size: 0.9375rem;
    background-repeat: no-repeat;
    background-position: center;
    height: 1.875rem;
    width: 1.875rem; }
    @media (min-width: 769px) {
      .search-trigger:before {
        background-size: 1.1875rem; } }

.search-overlay {
  max-width: 44.75rem;
  height: var(--search-block-height, 25rem);
  flex-grow: 1;
  display: flex;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1070;
  background-color: var(--color-white);
  transition: width 0.3s ease, padding-left 0.3s ease, padding-right 0.3s ease;
  padding: 0;
  width: 0;
  overflow: hidden; }
  .search-overlay.js-active {
    width: 80%; }

.site-search__form {
  padding-top: 8px; }
  @media (min-width: 769px) {
    .site-search__form {
      padding-top: 0; } }

.site-search {
  height: auto;
  margin: 0;
  margin-bottom: 0.875rem;
  padding: 1rem; }
  @media (min-width: 769px) {
    .site-search {
      margin-bottom: 0; } }
  @media (min-width: 992px) {
    .site-search {
      margin-right: 0.5rem; } }
  .site-search input {
    background-image: url("../../images/icons/search-lg.svg");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 20px 50%; }
  .site-search .close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem; }
  .site-search__form {
    display: flex;
    flex-direction: column;
    padding-top: 0; }
  .site-search .search-field {
    border: none;
    background-color: #f4f4f4;
    height: 2.8125rem;
    padding-left: 3.875rem;
    padding-right: 1.5rem;
    color: var(--color-black);
    font-size: 1.125rem; }
    @media (min-width: 769px) {
      .site-search .search-field {
        font-size: 1.5rem;
        height: 3.5625rem; } }
    .site-search .search-field::-moz-placeholder {
      color: var(--color-grey4);
      font-size: 1rem; }
    .site-search .search-field::placeholder {
      color: var(--color-grey4);
      font-size: 1rem; }
      @media (min-width: 769px) {
        .site-search .search-field::-moz-placeholder {
          font-size: 1rem; }
        .site-search .search-field::placeholder {
          font-size: 1rem; } }
    .site-search .search-field:focus {
      color: var(--color-black); }
  .site-search .header-search-btn {
    position: absolute;
    border: none;
    top: 50%;
    left: 0.625rem;
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent; }
    @media (min-width: 769px) {
      .site-search .header-search-btn {
        left: 0.9375rem; } }
    .site-search .header-search-btn:before {
      content: '';
      display: block;
      background-image: url("../../images/icons/search-white.svg");
      background-size: 1.0625rem;
      background-repeat: no-repeat;
      background-position: center;
      height: 1.875rem;
      width: 1.875rem; }
      @media (min-width: 769px) {
        .site-search .header-search-btn:before {
          background-size: 1.3125rem; } }
  .site-search .header-search-reset {
    position: absolute;
    border: none;
    top: 50%;
    right: 0.9375rem;
    transform: translateY(-50%);
    padding: 0;
    background-color: transparent; }
    .site-search .header-search-reset:before {
      content: '';
      display: block;
      background-image: url("../../images/icons/close-white.svg");
      background-size: 0.3125rem;
      background-repeat: no-repeat;
      background-position: center;
      height: 1.875rem;
      width: 1.875rem; }
      @media (min-width: 769px) {
        .site-search .header-search-reset:before {
          background-size: 0.5625rem; } }

.home-main-right .site-search .close {
  display: none; }

@media (max-width: 991.98px) {
  .home-main-right .site-search__form {
    display: none; } }

header .navbar-header .suggestions a {
  color: var(--color-black); }

.suggestions {
  position: static;
  width: 100%;
  background: var(--color-white);
  border: none;
  color: black; }
  .suggestions .suggestions-inner-wrapper {
    overflow: auto; }
  .suggestions-wrapper {
    position: absolute;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5000;
    background: white;
    color: black;
    padding: 0 1.875rem;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); }
  .suggestions-inner {
    padding: 0.625rem 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.625rem; }
  .suggestions-col_full {
    flex: 1 0 100%;
    max-width: 100%; }
  .suggestions-col_primary {
    order: 2; }
    @media (min-width: 769px) {
      .suggestions-col_primary {
        order: 0; } }
  .suggestions-col_secondary {
    order: 1; }
    @media (min-width: 769px) {
      .suggestions-col_secondary {
        order: 0; } }
  .suggestions__block {
    padding: 0 0.625rem; }
    .suggestions__block-heading {
      margin-bottom: 1.25rem;
      font-size: 0.875rem;
      color: var(--color-black) !important; }
    .suggestions__block-item + .suggestions__block-item {
      margin-top: 1.25rem; }
    .suggestions__block-link {
      display: flex;
      align-items: center;
      text-decoration: none;
      font-size: 1rem;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap; }
      .suggestions__block-link .swatch-circle {
        margin-right: 0.625rem; }
      .suggestions__block-link .empty-circle {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 2.5rem;
        margin-right: 0.625rem; }
  @media (min-width: 769px) {
    .suggestions_doyoumean_mob {
      display: none; } }
  .suggestions_doyoumean_desk {
    display: none; }
    @media (min-width: 769px) {
      .suggestions_doyoumean_desk {
        display: block; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #AB2117; }

.form-group > span:not(.info-icon) {
  font-size: 80%; }

.form-control {
  color: var(--color-grey6);
  background-color: var(--color-white); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--color-grey5); }

::placeholder,
.form-control::placeholder {
  color: var(--color-grey5); }

.floating-label {
  position: relative;
  margin-bottom: 0.625rem; }
  .floating-label .form-control {
    height: 3.75rem; }
  .floating-label label {
    font-size: 0.875rem;
    position: absolute;
    top: 0.9375rem;
    left: 0.75rem;
    margin: 0;
    opacity: 0;
    transition: all .3s ease; }
  .floating-label input {
    transition: all .3s ease; }
    .floating-label input:-webkit-autofill, .floating-label input:not(:placeholder-shown) {
      padding: 1.5rem 2.25rem 0.375rem 0.75rem;
      color: var(--color-black); }
      .floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
        transform: translateY(-0.625rem);
        opacity: 0.7;
        color: var(--color-grey5); }
  .floating-label select {
    color: var(--color-grey5);
    transition: all .3s ease; }
  .floating-label.focused select {
    padding: 1.5rem 2.25rem 0.375rem 0.75rem;
    color: var(--color-black); }
    .floating-label.focused select + label {
      transform: translateY(-0.625rem);
      opacity: 0.7;
      color: var(--color-grey5); }

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem); }

.form-group > span:not(.info-icon) {
  display: block;
  font-size: 0.6875rem;
  margin-top: 0.625rem; }

.form-control {
  font-family: "SuisseIntl-Medium", sans-serif;
  font-display: swap;
  height: 2.875rem;
  border: 0.125rem solid var(--color-grey400);
  color: var(--color-black);
  font-size: 0.875rem; }
  @supports (-webkit-overflow-scrolling: touch) {
    .form-control {
      font-size: 1rem; } }
  .form-control:focus {
    color: var(--color-black);
    border-color: var(--color-black);
    outline: 0;
    box-shadow: none; }
  .m-dark-form .form-control {
    background-color: var(--color-dark-input);
    border-color: var(--color-dark-input);
    color: var(--color-white); }
    .m-dark-form .form-control::-moz-placeholder {
      color: var(--color-dark-input-placeholder); }
    .m-dark-form .form-control::placeholder {
      color: var(--color-dark-input-placeholder); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--color-grey400);
  font-size: 0.875rem; }

::placeholder,
.form-control::placeholder {
  color: var(--color-grey400);
  font-size: 0.875rem; }

.hidden-label {
  position: relative; }

.custom-select {
  background-image: url("../../images/icons/caret-down.svg");
  background-size: 1.125rem;
  padding-right: 2.5rem; }

.custom-checkbox {
  margin-top: 1.5rem; }
  .custom-checkbox .custom-control-label {
    cursor: pointer;
    margin-left: 0.4375rem; }
    .custom-checkbox .custom-control-label:before {
      border: 0.125rem solid var(--color-black);
      background: transparent;
      width: 1.25rem;
      height: 1.25rem;
      left: -1.875rem;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 0; }
    .custom-checkbox .custom-control-label:after {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      width: 1.25rem;
      height: 1.25rem;
      left: -1.875rem;
      top: 50%;
      transform: translateY(-50%);
      color: var(--color-white); }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: var(--color-accent);
    border-color: var(--color-accent); }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("../../images/icons/check-white.svg");
    background-repeat: no-repeat;
    background-size: 1.25rem; }
  .custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
    color: var(--color-black);
    cursor: default; }
    .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
      background-color: var(--color-grey200);
      border-color: var(--color-grey400); }
  .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
    outline: 0;
    box-shadow: none; }
  .custom-checkbox .custom-control-input:focus-visible ~ .custom-control-label:before {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px; }

.custom-switch .custom-control-label {
  cursor: pointer;
  left: 1.5625rem; }
  .custom-switch .custom-control-label:before {
    top: 0;
    left: -3.75rem;
    background-color: var(--color-white);
    width: 3.125rem;
    height: 1.5625rem;
    border-radius: 1.25rem;
    border: 0.125rem solid var(--color-black); }
  .custom-switch .custom-control-label:after {
    top: 0.125rem;
    left: -3.625rem;
    background-color: var(--color-black);
    width: 1.3125rem;
    height: 1.3125rem;
    border-radius: 50%; }

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--color-black); }

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  left: -2.8125rem;
  background-color: var(--color-white); }

.custom-switch .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
  color: var(--color-black); }
  .custom-switch .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: var(--color-grey300);
    border-color: var(--color-grey300); }
  .custom-switch .custom-control-input:disabled ~ .custom-control-label:after {
    background-color: var(--color-white); }

.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
  outline: 0;
  box-shadow: none; }

.custom-switch .custom-control-input:focus-visible ~ .custom-control-label:before {
  box-shadow: none;
  outline: -webkit-focus-ring-color auto 1px; }

.custom-radio .custom-control-label {
  cursor: pointer; }
  .custom-radio .custom-control-label:before {
    border: 0.125rem solid var(--color-black); }

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-size: 0.375rem; }

.custom-radio .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
  color: var(--color-black); }
  .custom-radio .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: var(--color-grey200);
    border-color: var(--color-grey400); }

.custom-radio .custom-control-input:focus ~ .custom-control-label:before {
  outline: 0;
  box-shadow: none; }

.custom-radio .custom-control-input:focus-visible ~ .custom-control-label:before {
  box-shadow: none;
  outline: -webkit-focus-ring-color auto 1px; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--color-danger); }

.invalid-feedback {
  color: #EB0000;
  font-size: 0.6875rem;
  margin-top: 0.625rem; }

.form-group > span:not(.info-icon) {
  padding-left: 1rem; }

.form-control {
  font-family: "SuisseIntl-Medium", sans-serif;
  font-display: swap;
  height: 3.125rem;
  border: 1px solid var(--color-black);
  color: var(--color-black);
  font-size: 0.875rem;
  border-radius: 3.125rem;
  padding: 0.375rem 1rem; }
  @supports (-webkit-overflow-scrolling: touch) {
    .form-control {
      font-size: 1rem; } }
  .form-control:focus {
    color: var(--color-black);
    border-color: var(--color-accent);
    outline: 0;
    box-shadow: none; }
  .was-validated .form-control:invalid .form-control .was-validated, .form-control.is-invalid {
    border-width: 0.125rem; }
    .was-validated .form-control:invalid .form-control .was-validated ~ .invalid-feedback,
    .was-validated .form-control:invalid .form-control .was-validated ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip {
      padding-left: 1rem; }
  .m-dark-form .form-control {
    background-color: var(--color-dark-input);
    border-color: var(--color-dark-input);
    color: var(--color-white); }
    .m-dark-form .form-control::-moz-placeholder {
      color: var(--color-dark-input-placeholder); }
    .m-dark-form .form-control::placeholder {
      color: var(--color-dark-input-placeholder); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem; }

::placeholder,
.form-control::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem; }

.custom-checkbox {
  margin-top: 1rem; }
  .custom-checkbox .custom-control-label {
    margin-left: 0.4375rem; }
    .custom-checkbox .custom-control-label:before {
      border: 1px solid var(--color-black);
      width: 1rem;
      height: 1rem;
      left: -1.875rem; }
    .custom-checkbox .custom-control-label:after {
      font-size: 1rem;
      width: 1rem;
      height: 1rem;
      left: -1.875rem;
      color: var(--color-white); }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: var(--color-black);
    border-color: var(--color-black); }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("../../images/icons/check-white.svg");
    background-repeat: no-repeat;
    background-size: 1.125rem; }
  .custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
    color: rgba(0, 0, 0, 0.5); }
    .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before {
      background-color: var(--color-white);
      border-color: rgba(0, 0, 0, 0.5); }

.custom-radio .custom-control-label {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }
  .custom-radio .custom-control-label:before {
    border: 1px solid var(--color-black); }

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--color-black);
  border-color: var(--color-black); }

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background: none;
  background-color: var(--color-black);
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.375rem;
  left: -1.375rem; }

.custom-radio .custom-control-input:disabled ~ .custom-control-label {
  color: rgba(0, 0, 0, 0.5); }
  .custom-radio .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: var(--color-white);
    border-color: rgba(0, 0, 0, 0.5); }

.custom-switch .custom-control-label {
  left: 1.5625rem; }
  .custom-switch .custom-control-label:before {
    top: 50%;
    transform: translateY(-50%);
    left: -3.75rem;
    background-color: var(--color-white);
    width: 2.125rem;
    height: 1rem;
    border-radius: 1.25rem;
    border: 1px solid var(--color-black); }
  .custom-switch .custom-control-label:after {
    top: 50%;
    transform: translateY(-50%);
    left: -3.6875rem;
    background-color: var(--color-black);
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%; }

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--color-accent); }

.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  transform: translate(0.75rem, -50%);
  left: -3.3125rem;
  background-color: var(--color-black); }

.custom-switch .custom-control-input:disabled ~ .custom-control-label {
  color: var(--color-black); }
  .custom-switch .custom-control-input:disabled ~ .custom-control-label:before {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.2); }
  .custom-switch .custom-control-input:disabled ~ .custom-control-label:after {
    background-color: var(--color-white); }

.floating-label label {
  left: 1rem; }

.floating-label input:-webkit-autofill, .floating-label input:not(:placeholder-shown) {
  padding: 1.5rem 2.25rem 0.375rem 1rem; }

.floating-label.focused select {
  padding: 1.5rem 2.25rem 0.375rem 1rem; }

.m-dark-form .floating-label input {
  color: var(--color-white); }
  .m-dark-form .floating-label input:-webkit-autofill ~ label,
  .m-dark-form .floating-label input:not(:placeholder-shown) ~ label {
    color: var(--color-white); }

.m-dark-form .form-group.required .form-control-label::before {
  color: #ff595e; }

@media (min-width: 769px) {
  .locale-detection {
    min-width: 43.75rem; } }

.locale-detection__content {
  border-radius: 0.625rem;
  padding: 0.9375rem; }

.locale-detection__header-logo {
  width: 100%;
  max-width: 9.375rem; }

.locale-detection .locale-detection__button {
  min-width: auto; }

.locale-detection__preferences {
  color: var(--color-grey5); }

.buttons-devider {
  margin: 0 1.25rem; }

.experience-component .locale-detection__header img {
  max-width: 9.375rem; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ACE8FA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ACE8FA;
  border-radius: 0.69em;
  background-color: #ACE8FA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #6FFB38;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ACE8FA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ACE8FA;
  border-radius: 0.69em;
  background-color: #ACE8FA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #6FFB38;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #eee; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #AB2117; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.product-tile {
  border: 0;
  margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .product-tile {
      min-height: 23.4375em; } }
  @media (max-width: 768.98px) {
    .product-tile {
      min-height: 19.6875em; } }
  @media (max-width: 543.98px) {
    .product-tile {
      min-height: 13.4375em; } }
  .product-tile .tile-body {
    padding: 0.625em 0 1.875em; }
    .product-tile .tile-body .color-swatches {
      min-height: 2.25em; }
      .product-tile .tile-body .color-swatches .product-tile-color-label {
        cursor: pointer;
        font-size: 1em; }
        @media (max-width: 991.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .color-swatches .product-tile-color-label {
            font-size: 0.8125em; } }
    .product-tile .tile-body .price {
      font-size: 1.125em;
      margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .product-tile .tile-body .price {
          font-size: 1.0625em; } }
      @media (max-width: 768.98px) {
        .product-tile .tile-body .price {
          font-size: 1em; } }
      .product-tile .tile-body .price .tiered {
        font-size: 0.875em; }
        .product-tile .tile-body .price .tiered .value {
          font-weight: bold; }
    .product-tile .tile-body .coming-soon-tile {
      text-align: center; }
    .product-tile .tile-body .pdp-link {
      line-height: 1.2; }
      .product-tile .tile-body .pdp-link a {
        font-size: 1em;
        text-decoration: none; }
        @media (max-width: 991.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.9375em; } }
        @media (max-width: 768.98px) {
          .product-tile .tile-body .pdp-link a {
            font-size: 0.8125em; } }
    .product-tile .tile-body .ratings {
      font-size: 0.9em; }
  .product-tile .image-container {
    position: relative;
    overflow: auto; }
    .product-tile .image-container .quickview {
      position: absolute;
      bottom: 1rem;
      right: 1rem; }
      .product-tile .image-container .quickview i.fa-expand {
        color: rgba(0, 0, 0, 0.7); }
      .product-tile .image-container .quickview i.fa-circle {
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    .product-tile .image-container a {
      display: block; }
      .product-tile .image-container a .tile-image {
        width: 100%; }
  .product-tile .swatches a {
    text-decoration: none; }
  .product-tile .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 1.8em;
    height: 1.8em;
    background: #fff;
    border-radius: 0.9em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .product-tile .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .product-tile .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .product-tile .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }

#chooseBonusProductModal .modal-footer .container, #chooseBonusProductModal .modal-footer .promo.banner .text.overlay, .promo.banner #chooseBonusProductModal .modal-footer .text.overlay {
  margin-left: 0;
  width: 100%;
  margin-right: 0; }

#chooseBonusProductModal .select-cbp-container {
  margin-top: auto;
  margin-bottom: auto; }

#chooseBonusProductModal .product-name-wrapper {
  width: 100%; }

#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option {
  margin-top: 0.938em; }

#chooseBonusProductModal .bonus-quantity-select {
  min-width: 5em; }

#chooseBonusProductModal .select-bonus-product {
  margin-top: 1em; }

#chooseBonusProductModal .selected-pid {
  border: 1px solid #ccc; }
  #chooseBonusProductModal .selected-pid .bonus-product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

#chooseBonusProductModal .bonus-product-price {
  text-align: center;
  margin-top: 1em; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ACE8FA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ACE8FA;
  border-radius: 0.69em;
  background-color: #ACE8FA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #6FFB38;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #eee; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #AB2117; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.form-group.required .form-control-label::before {
  content: "*";
  color: #AB2117; }

.form-group > span:not(.info-icon) {
  font-size: 80%; }

.form-control {
  color: var(--color-grey6);
  background-color: var(--color-white); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--color-grey5); }

::placeholder,
.form-control::placeholder {
  color: var(--color-grey5); }

.floating-label {
  position: relative;
  margin-bottom: 0.625rem; }
  .floating-label .form-control {
    height: 3.75rem; }
  .floating-label label {
    font-size: 0.875rem;
    position: absolute;
    top: 0.9375rem;
    left: 0.75rem;
    margin: 0;
    opacity: 0;
    transition: all .3s ease; }
  .floating-label input {
    transition: all .3s ease; }
    .floating-label input:-webkit-autofill, .floating-label input:not(:placeholder-shown) {
      padding: 1.5rem 2.25rem 0.375rem 0.75rem;
      color: var(--color-black); }
      .floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
        transform: translateY(-0.625rem);
        opacity: 0.7;
        color: var(--color-grey5); }
  .floating-label select {
    color: var(--color-grey5);
    transition: all .3s ease; }
  .floating-label.focused select {
    padding: 1.5rem 2.25rem 0.375rem 0.75rem;
    color: var(--color-black); }
    .floating-label.focused select + label {
      transform: translateY(-0.625rem);
      opacity: 0.7;
      color: var(--color-grey5); }

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem); }

.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: 30em; }

.quick-view-dialog div.promotions {
  padding-top: 0; }
  .quick-view-dialog div.promotions div.collapsible-xl button.callout {
    display: flex;
    align-items: center;
    padding: 0;
    color: var(--skin-promo-color);
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    line-height: 1; }
    .quick-view-dialog div.promotions div.collapsible-xl button.callout:after {
      margin-left: 0.75rem;
      color: var(--color-black); }
  .quick-view-dialog div.promotions div.collapsible-xl .content {
    font-size: 0.875rem;
    text-align: left;
    margin-left: 1rem;
    margin-top: 0.625rem; }

.product-tile .tile-body {
  padding: 0.625em 0;
  text-align: center; }

.product-tile .tile-body-footer {
  text-align: center;
  justify-content: center; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
[data-swatch-type="color-swatch-css"] {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: transparent;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  [data-swatch-type="color-swatch-css"]:before {
    content: '?';
    color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.swatch-circle-air,
.swatch-circle-air.large-swatch:after {
  background-color: #d7e6f6; }

.swatch-square-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e6f6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-air.disabled {
    opacity: 0.2; }

.swatch-filter-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e6f6;
  border-radius: 0.69em;
  background-color: #d7e6f6;
  display: block;
  position: relative; }
  .swatch-filter-air.disabled {
    opacity: 0.2; }

.swatch-circle-amparoblue,
.swatch-circle-amparoblue.large-swatch:after {
  background-color: #2a4f92; }

.swatch-square-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2a4f92;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-amparoblue.disabled {
    opacity: 0.2; }

.swatch-filter-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2a4f92;
  border-radius: 0.69em;
  background-color: #2a4f92;
  display: block;
  position: relative; }
  .swatch-filter-amparoblue.disabled {
    opacity: 0.2; }

.swatch-circle-apple,
.swatch-circle-apple.large-swatch:after {
  background-color: #80ad2f; }

.swatch-square-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #80ad2f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-apple.disabled {
    opacity: 0.2; }

.swatch-filter-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #80ad2f;
  border-radius: 0.69em;
  background-color: #80ad2f;
  display: block;
  position: relative; }
  .swatch-filter-apple.disabled {
    opacity: 0.2; }

.swatch-circle-appleblue,
.swatch-circle-appleblue.large-swatch:after {
  background-color: #5bb4e5; }

.swatch-square-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5bb4e5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-appleblue.disabled {
    opacity: 0.2; }

.swatch-filter-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5bb4e5;
  border-radius: 0.69em;
  background-color: #5bb4e5;
  display: block;
  position: relative; }
  .swatch-filter-appleblue.disabled {
    opacity: 0.2; }

.swatch-circle-applepink,
.swatch-circle-applepink.large-swatch:after {
  background-color: #e87ea6; }

.swatch-square-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e87ea6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-applepink.disabled {
    opacity: 0.2; }

.swatch-filter-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e87ea6;
  border-radius: 0.69em;
  background-color: #e87ea6;
  display: block;
  position: relative; }
  .swatch-filter-applepink.disabled {
    opacity: 0.2; }

.swatch-circle-aqua,
.swatch-circle-aqua.large-swatch:after {
  background-color: #63bdd2; }

.swatch-square-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #63bdd2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aqua.disabled {
    opacity: 0.2; }

.swatch-filter-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #63bdd2;
  border-radius: 0.69em;
  background-color: #63bdd2;
  display: block;
  position: relative; }
  .swatch-filter-aqua.disabled {
    opacity: 0.2; }

.swatch-circle-arborgreen,
.swatch-circle-arborgreen.large-swatch:after {
  background-color: #aab556; }

.swatch-square-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aab556;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-arborgreen.disabled {
    opacity: 0.2; }

.swatch-filter-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aab556;
  border-radius: 0.69em;
  background-color: #aab556;
  display: block;
  position: relative; }
  .swatch-filter-arborgreen.disabled {
    opacity: 0.2; }

.swatch-circle-ash,
.swatch-circle-ash.large-swatch:after {
  background-color: #3b3b3b; }

.swatch-square-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3b3b3b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ash.disabled {
    opacity: 0.2; }

.swatch-filter-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3b3b3b;
  border-radius: 0.69em;
  background-color: #3b3b3b;
  display: block;
  position: relative; }
  .swatch-filter-ash.disabled {
    opacity: 0.2; }

.swatch-circle-aubergine,
.swatch-circle-aubergine.large-swatch:after {
  background-color: #522955; }

.swatch-square-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #522955;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aubergine.disabled {
    opacity: 0.2; }

.swatch-filter-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #522955;
  border-radius: 0.69em;
  background-color: #522955;
  display: block;
  position: relative; }
  .swatch-filter-aubergine.disabled {
    opacity: 0.2; }

.swatch-circle-azalea,
.swatch-circle-azalea.large-swatch:after {
  background-color: #991e66; }

.swatch-square-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #991e66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-azalea.disabled {
    opacity: 0.2; }

.swatch-filter-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #991e66;
  border-radius: 0.69em;
  background-color: #991e66;
  display: block;
  position: relative; }
  .swatch-filter-azalea.disabled {
    opacity: 0.2; }

.swatch-circle-beatenpath,
.swatch-circle-beatenpath.large-swatch:after {
  background-color: #534a48; }

.swatch-square-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534a48;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beatenpath.disabled {
    opacity: 0.2; }

.swatch-filter-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534a48;
  border-radius: 0.69em;
  background-color: #534a48;
  display: block;
  position: relative; }
  .swatch-filter-beatenpath.disabled {
    opacity: 0.2; }

.swatch-circle-beige,
.swatch-circle-beige.large-swatch:after {
  background-color: #cfc8b2; }

.swatch-square-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cfc8b2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cfc8b2;
  border-radius: 0.69em;
  background-color: #cfc8b2;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-berry,
.swatch-circle-berry.large-swatch:after {
  background-color: #bd4097; }

.swatch-square-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bd4097;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-berry.disabled {
    opacity: 0.2; }

.swatch-filter-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bd4097;
  border-radius: 0.69em;
  background-color: #bd4097;
  display: block;
  position: relative; }
  .swatch-filter-berry.disabled {
    opacity: 0.2; }

.swatch-circle-black,
.swatch-circle-black.large-swatch:after {
  background-color: black; }

.swatch-square-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: black;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: black;
  border-radius: 0.69em;
  background-color: black;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blackchrome,
.swatch-circle-blackchrome.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackchrome.disabled {
    opacity: 0.2; }

.swatch-filter-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackchrome.disabled {
    opacity: 0.2; }

.swatch-circle-blackpearl,
.swatch-circle-blackpearl.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackpearl.disabled {
    opacity: 0.2; }

.swatch-filter-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackpearl.disabled {
    opacity: 0.2; }

.swatch-circle-blacktop,
.swatch-circle-blacktop.large-swatch:after {
  background-color: #333235; }

.swatch-square-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blacktop.disabled {
    opacity: 0.2; }

.swatch-filter-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-blacktop.disabled {
    opacity: 0.2; }

.swatch-circle-blue,
.swatch-circle-blue.large-swatch:after {
  background-color: #00549c; }

.swatch-square-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00549c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00549c;
  border-radius: 0.69em;
  background-color: #00549c;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-blueprint,
.swatch-circle-blueprint.large-swatch:after {
  background-color: #445587; }

.swatch-square-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #445587;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blueprint.disabled {
    opacity: 0.2; }

.swatch-filter-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #445587;
  border-radius: 0.69em;
  background-color: #445587;
  display: block;
  position: relative; }
  .swatch-filter-blueprint.disabled {
    opacity: 0.2; }

.swatch-circle-bluesail,
.swatch-circle-bluesail.large-swatch:after {
  background-color: #3e7dca; }

.swatch-square-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3e7dca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bluesail.disabled {
    opacity: 0.2; }

.swatch-filter-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3e7dca;
  border-radius: 0.69em;
  background-color: #3e7dca;
  display: block;
  position: relative; }
  .swatch-filter-bluesail.disabled {
    opacity: 0.2; }

.swatch-circle-blush,
.swatch-circle-blush.large-swatch:after {
  background-color: #ff5e3c; }

.swatch-square-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff5e3c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blush.disabled {
    opacity: 0.2; }

.swatch-filter-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff5e3c;
  border-radius: 0.69em;
  background-color: #ff5e3c;
  display: block;
  position: relative; }
  .swatch-filter-blush.disabled {
    opacity: 0.2; }

.swatch-circle-blushpink,
.swatch-circle-blushpink.large-swatch:after {
  background-color: #fedfd8; }

.swatch-square-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fedfd8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blushpink.disabled {
    opacity: 0.2; }

.swatch-filter-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fedfd8;
  border-radius: 0.69em;
  background-color: #fedfd8;
  display: block;
  position: relative; }
  .swatch-filter-blushpink.disabled {
    opacity: 0.2; }

.swatch-circle-bone,
.swatch-circle-bone.large-swatch:after {
  background-color: #eae9e7; }

.swatch-square-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #eae9e7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bone.disabled {
    opacity: 0.2; }

.swatch-filter-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #eae9e7;
  border-radius: 0.69em;
  background-color: #eae9e7;
  display: block;
  position: relative; }
  .swatch-filter-bone.disabled {
    opacity: 0.2; }

.swatch-circle-brightblue,
.swatch-circle-brightblue.large-swatch:after {
  background-color: #2c5697; }

.swatch-square-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c5697;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightblue.disabled {
    opacity: 0.2; }

.swatch-filter-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c5697;
  border-radius: 0.69em;
  background-color: #2c5697;
  display: block;
  position: relative; }
  .swatch-filter-brightblue.disabled {
    opacity: 0.2; }

.swatch-circle-brightpink,
.swatch-circle-brightpink.large-swatch:after {
  background-color: #d7387a; }

.swatch-square-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7387a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightpink.disabled {
    opacity: 0.2; }

.swatch-filter-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7387a;
  border-radius: 0.69em;
  background-color: #d7387a;
  display: block;
  position: relative; }
  .swatch-filter-brightpink.disabled {
    opacity: 0.2; }

.swatch-circle-brightred,
.swatch-circle-brightred.large-swatch:after {
  background-color: #d01e28; }

.swatch-square-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d01e28;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightred.disabled {
    opacity: 0.2; }

.swatch-filter-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d01e28;
  border-radius: 0.69em;
  background-color: #d01e28;
  display: block;
  position: relative; }
  .swatch-filter-brightred.disabled {
    opacity: 0.2; }

.swatch-circle-brown,
.swatch-circle-brown.large-swatch:after {
  background-color: #543024; }

.swatch-square-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #543024;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #543024;
  border-radius: 0.69em;
  background-color: #543024;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-bubblegum,
.swatch-circle-bubblegum.large-swatch:after {
  background-color: #f66a8e; }

.swatch-square-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f66a8e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bubblegum.disabled {
    opacity: 0.2; }

.swatch-filter-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f66a8e;
  border-radius: 0.69em;
  background-color: #f66a8e;
  display: block;
  position: relative; }
  .swatch-filter-bubblegum.disabled {
    opacity: 0.2; }

.swatch-circle-burgandy,
.swatch-circle-burgandy.large-swatch:after {
  background-color: #8b3744; }

.swatch-square-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burgandy.disabled {
    opacity: 0.2; }

.swatch-filter-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b3744;
  border-radius: 0.69em;
  background-color: #8b3744;
  display: block;
  position: relative; }
  .swatch-filter-burgandy.disabled {
    opacity: 0.2; }

.swatch-circle-burntorange,
.swatch-circle-burntorange.large-swatch:after {
  background-color: #f07515; }

.swatch-square-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f07515;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burntorange.disabled {
    opacity: 0.2; }

.swatch-filter-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f07515;
  border-radius: 0.69em;
  background-color: #f07515;
  display: block;
  position: relative; }
  .swatch-filter-burntorange.disabled {
    opacity: 0.2; }

.swatch-circle-cabernet,
.swatch-circle-cabernet.large-swatch:after {
  background-color: #c84c4a; }

.swatch-square-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c84c4a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cabernet.disabled {
    opacity: 0.2; }

.swatch-filter-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c84c4a;
  border-radius: 0.69em;
  background-color: #c84c4a;
  display: block;
  position: relative; }
  .swatch-filter-cabernet.disabled {
    opacity: 0.2; }

.swatch-circle-cameopink,
.swatch-circle-cameopink.large-swatch:after {
  background-color: #deaec2; }

.swatch-square-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #deaec2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cameopink.disabled {
    opacity: 0.2; }

.swatch-filter-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #deaec2;
  border-radius: 0.69em;
  background-color: #deaec2;
  display: block;
  position: relative; }
  .swatch-filter-cameopink.disabled {
    opacity: 0.2; }

.swatch-circle-candyred,
.swatch-circle-candyred.large-swatch:after {
  background-color: #c10336; }

.swatch-square-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c10336;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-candyred.disabled {
    opacity: 0.2; }

.swatch-filter-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c10336;
  border-radius: 0.69em;
  background-color: #c10336;
  display: block;
  position: relative; }
  .swatch-filter-candyred.disabled {
    opacity: 0.2; }

.swatch-circle-canyon,
.swatch-circle-canyon.large-swatch:after {
  background-color: #7e4e33; }

.swatch-square-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7e4e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-canyon.disabled {
    opacity: 0.2; }

.swatch-filter-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7e4e33;
  border-radius: 0.69em;
  background-color: #7e4e33;
  display: block;
  position: relative; }
  .swatch-filter-canyon.disabled {
    opacity: 0.2; }

.swatch-circle-carbon,
.swatch-circle-carbon.large-swatch:after {
  background-color: #3c3744; }

.swatch-square-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carbon.disabled {
    opacity: 0.2; }

.swatch-filter-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c3744;
  border-radius: 0.69em;
  background-color: #3c3744;
  display: block;
  position: relative; }
  .swatch-filter-carbon.disabled {
    opacity: 0.2; }

.swatch-circle-carmine,
.swatch-circle-carmine.large-swatch:after {
  background-color: #be0f34; }

.swatch-square-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #be0f34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carmine.disabled {
    opacity: 0.2; }

.swatch-filter-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #be0f34;
  border-radius: 0.69em;
  background-color: #be0f34;
  display: block;
  position: relative; }
  .swatch-filter-carmine.disabled {
    opacity: 0.2; }

.swatch-circle-carnation,
.swatch-circle-carnation.large-swatch:after {
  background-color: #ffa1a3; }

.swatch-square-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffa1a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carnation.disabled {
    opacity: 0.2; }

.swatch-filter-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa1a3;
  border-radius: 0.69em;
  background-color: #ffa1a3;
  display: block;
  position: relative; }
  .swatch-filter-carnation.disabled {
    opacity: 0.2; }

.swatch-circle-caviar,
.swatch-circle-caviar.large-swatch:after {
  background-color: #333235; }

.swatch-square-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-caviar.disabled {
    opacity: 0.2; }

.swatch-filter-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-caviar.disabled {
    opacity: 0.2; }

.swatch-circle-cedar,
.swatch-circle-cedar.large-swatch:after {
  background-color: #b28d73; }

.swatch-square-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b28d73;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cedar.disabled {
    opacity: 0.2; }

.swatch-filter-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b28d73;
  border-radius: 0.69em;
  background-color: #b28d73;
  display: block;
  position: relative; }
  .swatch-filter-cedar.disabled {
    opacity: 0.2; }

.swatch-circle-celadon,
.swatch-circle-celadon.large-swatch:after {
  background-color: #cbda89; }

.swatch-square-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cbda89;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-celadon.disabled {
    opacity: 0.2; }

.swatch-filter-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cbda89;
  border-radius: 0.69em;
  background-color: #cbda89;
  display: block;
  position: relative; }
  .swatch-filter-celadon.disabled {
    opacity: 0.2; }

.swatch-circle-charcoal,
.swatch-circle-charcoal.large-swatch:after {
  background-color: #534f50; }

.swatch-square-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534f50;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-charcoal.disabled {
    opacity: 0.2; }

.swatch-filter-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534f50;
  border-radius: 0.69em;
  background-color: #534f50;
  display: block;
  position: relative; }
  .swatch-filter-charcoal.disabled {
    opacity: 0.2; }

.swatch-circle-cherryblossom,
.swatch-circle-cherryblossom.large-swatch:after {
  background-color: #f9a8a3; }

.swatch-square-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9a8a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-filter-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9a8a3;
  border-radius: 0.69em;
  background-color: #f9a8a3;
  display: block;
  position: relative; }
  .swatch-filter-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-circle-chilipepper,
.swatch-circle-chilipepper.large-swatch:after {
  background-color: #9b2242; }

.swatch-square-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9b2242;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chilipepper.disabled {
    opacity: 0.2; }

.swatch-filter-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9b2242;
  border-radius: 0.69em;
  background-color: #9b2242;
  display: block;
  position: relative; }
  .swatch-filter-chilipepper.disabled {
    opacity: 0.2; }

.swatch-circle-chocolate,
.swatch-circle-chocolate.large-swatch:after {
  background-color: #413231; }

.swatch-square-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chocolate.disabled {
    opacity: 0.2; }

.swatch-filter-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-chocolate.disabled {
    opacity: 0.2; }

.swatch-circle-citron,
.swatch-circle-citron.large-swatch:after {
  background-color: #e2a21c; }

.swatch-square-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e2a21c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citron.disabled {
    opacity: 0.2; }

.swatch-filter-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e2a21c;
  border-radius: 0.69em;
  background-color: #e2a21c;
  display: block;
  position: relative; }
  .swatch-filter-citron.disabled {
    opacity: 0.2; }

.swatch-circle-citrus,
.swatch-circle-citrus.large-swatch:after {
  background-color: #fcdc41; }

.swatch-square-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcdc41;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrus.disabled {
    opacity: 0.2; }

.swatch-filter-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcdc41;
  border-radius: 0.69em;
  background-color: #fcdc41;
  display: block;
  position: relative; }
  .swatch-filter-citrus.disabled {
    opacity: 0.2; }

.swatch-circle-citrusyellow,
.swatch-circle-citrusyellow.large-swatch:after {
  background-color: #e1d761; }

.swatch-square-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e1d761;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-filter-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e1d761;
  border-radius: 0.69em;
  background-color: #e1d761;
  display: block;
  position: relative; }
  .swatch-filter-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-circle-civicblue,
.swatch-circle-civicblue.large-swatch:after {
  background-color: #004e94; }

.swatch-square-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #004e94;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-civicblue.disabled {
    opacity: 0.2; }

.swatch-filter-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #004e94;
  border-radius: 0.69em;
  background-color: #004e94;
  display: block;
  position: relative; }
  .swatch-filter-civicblue.disabled {
    opacity: 0.2; }

.swatch-circle-clear,
.swatch-circle-clear.large-swatch:after {
  background-color: #fefefe; }

.swatch-square-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fefefe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-clear.disabled {
    opacity: 0.2; }

.swatch-filter-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fefefe;
  border-radius: 0.69em;
  background-color: #fefefe;
  display: block;
  position: relative; }
  .swatch-filter-clear.disabled {
    opacity: 0.2; }

.swatch-circle-cloud,
.swatch-circle-cloud.large-swatch:after {
  background-color: #fafbfc; }

.swatch-square-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafbfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cloud.disabled {
    opacity: 0.2; }

.swatch-filter-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafbfc;
  border-radius: 0.69em;
  background-color: #fafbfc;
  display: block;
  position: relative; }
  .swatch-filter-cloud.disabled {
    opacity: 0.2; }

.swatch-circle-cocktail,
.swatch-circle-cocktail.large-swatch:after {
  background-color: #da5a90; }

.swatch-square-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #da5a90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cocktail.disabled {
    opacity: 0.2; }

.swatch-filter-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #da5a90;
  border-radius: 0.69em;
  background-color: #da5a90;
  display: block;
  position: relative; }
  .swatch-filter-cocktail.disabled {
    opacity: 0.2; }

.swatch-circle-coffeebean,
.swatch-circle-coffeebean.large-swatch:after {
  background-color: #4e372b; }

.swatch-square-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4e372b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coffeebean.disabled {
    opacity: 0.2; }

.swatch-filter-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4e372b;
  border-radius: 0.69em;
  background-color: #4e372b;
  display: block;
  position: relative; }
  .swatch-filter-coffeebean.disabled {
    opacity: 0.2; }

.swatch-circle-copper,
.swatch-circle-copper.large-swatch:after {
  background-color: #935d32; }

.swatch-square-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #935d32;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copper.disabled {
    opacity: 0.2; }

.swatch-filter-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #935d32;
  border-radius: 0.69em;
  background-color: #935d32;
  display: block;
  position: relative; }
  .swatch-filter-copper.disabled {
    opacity: 0.2; }

.swatch-circle-copperchrome,
.swatch-circle-copperchrome.large-swatch:after {
  background-color: #6e5a51; }

.swatch-square-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6e5a51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copperchrome.disabled {
    opacity: 0.2; }

.swatch-filter-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6e5a51;
  border-radius: 0.69em;
  background-color: #6e5a51;
  display: block;
  position: relative; }
  .swatch-filter-copperchrome.disabled {
    opacity: 0.2; }

.swatch-circle-coral,
.swatch-circle-coral.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coral.disabled {
    opacity: 0.2; }

.swatch-filter-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coral.disabled {
    opacity: 0.2; }

.swatch-circle-coralpink,
.swatch-circle-coralpink.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coralpink.disabled {
    opacity: 0.2; }

.swatch-filter-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coralpink.disabled {
    opacity: 0.2; }

.swatch-circle-cornerstone,
.swatch-circle-cornerstone.large-swatch:after {
  background-color: #696c71; }

.swatch-square-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #696c71;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cornerstone.disabled {
    opacity: 0.2; }

.swatch-filter-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #696c71;
  border-radius: 0.69em;
  background-color: #696c71;
  display: block;
  position: relative; }
  .swatch-filter-cornerstone.disabled {
    opacity: 0.2; }

.swatch-circle-cream,
.swatch-circle-cream.large-swatch:after {
  background-color: #ded4c4; }

.swatch-square-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ded4c4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cream.disabled {
    opacity: 0.2; }

.swatch-filter-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ded4c4;
  border-radius: 0.69em;
  background-color: #ded4c4;
  display: block;
  position: relative; }
  .swatch-filter-cream.disabled {
    opacity: 0.2; }

.swatch-circle-cyan,
.swatch-circle-cyan.large-swatch:after {
  background-color: #258ec1; }

.swatch-square-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #258ec1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cyan.disabled {
    opacity: 0.2; }

.swatch-filter-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #258ec1;
  border-radius: 0.69em;
  background-color: #258ec1;
  display: block;
  position: relative; }
  .swatch-filter-cyan.disabled {
    opacity: 0.2; }

.swatch-circle-dahlia,
.swatch-circle-dahlia.large-swatch:after {
  background-color: #7c4386; }

.swatch-square-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7c4386;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dahlia.disabled {
    opacity: 0.2; }

.swatch-filter-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7c4386;
  border-radius: 0.69em;
  background-color: #7c4386;
  display: block;
  position: relative; }
  .swatch-filter-dahlia.disabled {
    opacity: 0.2; }

.swatch-circle-darkblue,
.swatch-circle-darkblue.large-swatch:after {
  background-color: #3c4564; }

.swatch-square-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c4564;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkblue.disabled {
    opacity: 0.2; }

.swatch-filter-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c4564;
  border-radius: 0.69em;
  background-color: #3c4564;
  display: block;
  position: relative; }
  .swatch-filter-darkblue.disabled {
    opacity: 0.2; }

.swatch-circle-darkbrown,
.swatch-circle-darkbrown.large-swatch:after {
  background-color: #413231; }

.swatch-square-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkbrown.disabled {
    opacity: 0.2; }

.swatch-filter-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-darkbrown.disabled {
    opacity: 0.2; }

.swatch-circle-darkgray,
.swatch-circle-darkgray.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgray.disabled {
    opacity: 0.2; }

.swatch-filter-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darkgray.disabled {
    opacity: 0.2; }

.swatch-circle-darkgreen,
.swatch-circle-darkgreen.large-swatch:after {
  background-color: #006e33; }

.swatch-square-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #006e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgreen.disabled {
    opacity: 0.2; }

.swatch-filter-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #006e33;
  border-radius: 0.69em;
  background-color: #006e33;
  display: block;
  position: relative; }
  .swatch-filter-darkgreen.disabled {
    opacity: 0.2; }

.swatch-circle-darklines,
.swatch-circle-darklines.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darklines.disabled {
    opacity: 0.2; }

.swatch-filter-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darklines.disabled {
    opacity: 0.2; }

.swatch-circle-darkpurple,
.swatch-circle-darkpurple.large-swatch:after {
  background-color: #503265; }

.swatch-square-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #503265;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkpurple.disabled {
    opacity: 0.2; }

.swatch-filter-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #503265;
  border-radius: 0.69em;
  background-color: #503265;
  display: block;
  position: relative; }
  .swatch-filter-darkpurple.disabled {
    opacity: 0.2; }

.swatch-circle-darksky,
.swatch-circle-darksky.large-swatch:after {
  background-color: #000000; }

.swatch-square-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darksky.disabled {
    opacity: 0.2; }

.swatch-filter-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000000;
  border-radius: 0.69em;
  background-color: #000000;
  display: block;
  position: relative; }
  .swatch-filter-darksky.disabled {
    opacity: 0.2; }

.swatch-circle-dayglow,
.swatch-circle-dayglow.large-swatch:after {
  background-color: #ff14a3; }

.swatch-square-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff14a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dayglow.disabled {
    opacity: 0.2; }

.swatch-filter-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff14a3;
  border-radius: 0.69em;
  background-color: #ff14a3;
  display: block;
  position: relative; }
  .swatch-filter-dayglow.disabled {
    opacity: 0.2; }

.swatch-circle-deepsea,
.swatch-circle-deepsea.large-swatch:after {
  background-color: #13284c; }

.swatch-square-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #13284c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-deepsea.disabled {
    opacity: 0.2; }

.swatch-filter-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #13284c;
  border-radius: 0.69em;
  background-color: #13284c;
  display: block;
  position: relative; }
  .swatch-filter-deepsea.disabled {
    opacity: 0.2; }

.swatch-circle-denim,
.swatch-circle-denim.large-swatch:after {
  background-color: #7590a8; }

.swatch-square-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7590a8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-denim.disabled {
    opacity: 0.2; }

.swatch-filter-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7590a8;
  border-radius: 0.69em;
  background-color: #7590a8;
  display: block;
  position: relative; }
  .swatch-filter-denim.disabled {
    opacity: 0.2; }

.swatch-circle-desertpink,
.swatch-circle-desertpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-desertpink.disabled {
    opacity: 0.2; }

.swatch-filter-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-desertpink.disabled {
    opacity: 0.2; }

.swatch-circle-dove,
.swatch-circle-dove.large-swatch:after {
  background-color: #c2c0c3; }

.swatch-square-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2c0c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dove.disabled {
    opacity: 0.2; }

.swatch-filter-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2c0c3;
  border-radius: 0.69em;
  background-color: #c2c0c3;
  display: block;
  position: relative; }
  .swatch-filter-dove.disabled {
    opacity: 0.2; }

.swatch-circle-dune,
.swatch-circle-dune.large-swatch:after {
  background-color: #69817e; }

.swatch-square-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69817e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dune.disabled {
    opacity: 0.2; }

.swatch-filter-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69817e;
  border-radius: 0.69em;
  background-color: #69817e;
  display: block;
  position: relative; }
  .swatch-filter-dune.disabled {
    opacity: 0.2; }

.swatch-circle-ecru,
.swatch-circle-ecru.large-swatch:after {
  background-color: #c0b29e; }

.swatch-square-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c0b29e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ecru.disabled {
    opacity: 0.2; }

.swatch-filter-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c0b29e;
  border-radius: 0.69em;
  background-color: #c0b29e;
  display: block;
  position: relative; }
  .swatch-filter-ecru.disabled {
    opacity: 0.2; }

.swatch-circle-electric,
.swatch-circle-electric.large-swatch:after {
  background-color: #ffe100; }

.swatch-square-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffe100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-electric.disabled {
    opacity: 0.2; }

.swatch-filter-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffe100;
  border-radius: 0.69em;
  background-color: #ffe100;
  display: block;
  position: relative; }
  .swatch-filter-electric.disabled {
    opacity: 0.2; }

.swatch-circle-emerald,
.swatch-circle-emerald.large-swatch:after {
  background-color: #5ba590; }

.swatch-square-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5ba590;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-emerald.disabled {
    opacity: 0.2; }

.swatch-filter-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5ba590;
  border-radius: 0.69em;
  background-color: #5ba590;
  display: block;
  position: relative; }
  .swatch-filter-emerald.disabled {
    opacity: 0.2; }

.swatch-circle-equinox,
.swatch-circle-equinox.large-swatch:after {
  background-color: #2b1814; }

.swatch-square-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2b1814;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-equinox.disabled {
    opacity: 0.2; }

.swatch-filter-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2b1814;
  border-radius: 0.69em;
  background-color: #2b1814;
  display: block;
  position: relative; }
  .swatch-filter-equinox.disabled {
    opacity: 0.2; }

.swatch-circle-espresso,
.swatch-circle-espresso.large-swatch:after {
  background-color: #3f312e; }

.swatch-square-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f312e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-espresso.disabled {
    opacity: 0.2; }

.swatch-filter-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f312e;
  border-radius: 0.69em;
  background-color: #3f312e;
  display: block;
  position: relative; }
  .swatch-filter-espresso.disabled {
    opacity: 0.2; }

.swatch-circle-fade,
.swatch-circle-fade.large-swatch:after {
  background-color: #dddfd9; }

.swatch-square-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dddfd9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fade.disabled {
    opacity: 0.2; }

.swatch-filter-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dddfd9;
  border-radius: 0.69em;
  background-color: #dddfd9;
  display: block;
  position: relative; }
  .swatch-filter-fade.disabled {
    opacity: 0.2; }

.swatch-circle-fiesta,
.swatch-circle-fiesta.large-swatch:after {
  background-color: #dc291e; }

.swatch-square-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dc291e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fiesta.disabled {
    opacity: 0.2; }

.swatch-filter-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dc291e;
  border-radius: 0.69em;
  background-color: #dc291e;
  display: block;
  position: relative; }
  .swatch-filter-fiesta.disabled {
    opacity: 0.2; }

.swatch-circle-flamingopink,
.swatch-circle-flamingopink.large-swatch:after {
  background-color: #931d3f; }

.swatch-square-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #931d3f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flamingopink.disabled {
    opacity: 0.2; }

.swatch-filter-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #931d3f;
  border-radius: 0.69em;
  background-color: #931d3f;
  display: block;
  position: relative; }
  .swatch-filter-flamingopink.disabled {
    opacity: 0.2; }

.swatch-circle-flash,
.swatch-circle-flash.large-swatch:after {
  background-color: #c2f03f; }

.swatch-square-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2f03f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flash.disabled {
    opacity: 0.2; }

.swatch-filter-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2f03f;
  border-radius: 0.69em;
  background-color: #c2f03f;
  display: block;
  position: relative; }
  .swatch-filter-flash.disabled {
    opacity: 0.2; }

.swatch-circle-flintgray,
.swatch-circle-flintgray.large-swatch:after {
  background-color: #6c6c6c; }

.swatch-square-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c6c6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flintgray.disabled {
    opacity: 0.2; }

.swatch-filter-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c6c6c;
  border-radius: 0.69em;
  background-color: #6c6c6c;
  display: block;
  position: relative; }
  .swatch-filter-flintgray.disabled {
    opacity: 0.2; }

.swatch-circle-fountainblue,
.swatch-circle-fountainblue.large-swatch:after {
  background-color: #00b3aa; }

.swatch-square-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b3aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fountainblue.disabled {
    opacity: 0.2; }

.swatch-filter-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b3aa;
  border-radius: 0.69em;
  background-color: #00b3aa;
  display: block;
  position: relative; }
  .swatch-filter-fountainblue.disabled {
    opacity: 0.2; }

.swatch-circle-fresh,
.swatch-circle-fresh.large-swatch:after {
  background-color: #8fd400; }

.swatch-square-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8fd400;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fresh.disabled {
    opacity: 0.2; }

.swatch-filter-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8fd400;
  border-radius: 0.69em;
  background-color: #8fd400;
  display: block;
  position: relative; }
  .swatch-filter-fresh.disabled {
    opacity: 0.2; }

.swatch-circle-frostwhite,
.swatch-circle-frostwhite.large-swatch:after {
  background-color: #dadcdb; }

.swatch-square-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dadcdb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-frostwhite.disabled {
    opacity: 0.2; }

.swatch-filter-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dadcdb;
  border-radius: 0.69em;
  background-color: #dadcdb;
  display: block;
  position: relative; }
  .swatch-filter-frostwhite.disabled {
    opacity: 0.2; }

.swatch-circle-fuchsia,
.swatch-circle-fuchsia.large-swatch:after {
  background-color: #af467f; }

.swatch-square-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #af467f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fuchsia.disabled {
    opacity: 0.2; }

.swatch-filter-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #af467f;
  border-radius: 0.69em;
  background-color: #af467f;
  display: block;
  position: relative; }
  .swatch-filter-fuchsia.disabled {
    opacity: 0.2; }

.swatch-circle-garnet,
.swatch-circle-garnet.large-swatch:after {
  background-color: #5a2c34; }

.swatch-square-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5a2c34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-garnet.disabled {
    opacity: 0.2; }

.swatch-filter-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5a2c34;
  border-radius: 0.69em;
  background-color: #5a2c34;
  display: block;
  position: relative; }
  .swatch-filter-garnet.disabled {
    opacity: 0.2; }

.swatch-circle-glow,
.swatch-circle-glow.large-swatch:after {
  background-color: #bed600; }

.swatch-square-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed600;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-glow.disabled {
    opacity: 0.2; }

.swatch-filter-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed600;
  border-radius: 0.69em;
  background-color: #bed600;
  display: block;
  position: relative; }
  .swatch-filter-glow.disabled {
    opacity: 0.2; }

.swatch-circle-gold,
.swatch-circle-gold.large-swatch:after {
  background-color: #efe2d2; }

.swatch-square-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #efe2d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gold.disabled {
    opacity: 0.2; }

.swatch-filter-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #efe2d2;
  border-radius: 0.69em;
  background-color: #efe2d2;
  display: block;
  position: relative; }
  .swatch-filter-gold.disabled {
    opacity: 0.2; }

.swatch-circle-goldengarden,
.swatch-circle-goldengarden.large-swatch:after {
  background-color: #ffb100; }

.swatch-square-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffb100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-goldengarden.disabled {
    opacity: 0.2; }

.swatch-filter-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffb100;
  border-radius: 0.69em;
  background-color: #ffb100;
  display: block;
  position: relative; }
  .swatch-filter-goldengarden.disabled {
    opacity: 0.2; }

.swatch-circle-grape,
.swatch-circle-grape.large-swatch:after {
  background-color: #3d1843; }

.swatch-square-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3d1843;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grape.disabled {
    opacity: 0.2; }

.swatch-filter-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3d1843;
  border-radius: 0.69em;
  background-color: #3d1843;
  display: block;
  position: relative; }
  .swatch-filter-grape.disabled {
    opacity: 0.2; }

.swatch-circle-grapefruit,
.swatch-circle-grapefruit.large-swatch:after {
  background-color: #f8799b; }

.swatch-square-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f8799b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grapefruit.disabled {
    opacity: 0.2; }

.swatch-filter-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f8799b;
  border-radius: 0.69em;
  background-color: #f8799b;
  display: block;
  position: relative; }
  .swatch-filter-grapefruit.disabled {
    opacity: 0.2; }

.swatch-circle-graphite,
.swatch-circle-graphite.large-swatch:after {
  background-color: #252525; }

.swatch-square-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #252525;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graphite.disabled {
    opacity: 0.2; }

.swatch-filter-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #252525;
  border-radius: 0.69em;
  background-color: #252525;
  display: block;
  position: relative; }
  .swatch-filter-graphite.disabled {
    opacity: 0.2; }

.swatch-circle-grassgreen,
.swatch-circle-grassgreen.large-swatch:after {
  background-color: #bed443; }

.swatch-square-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grassgreen.disabled {
    opacity: 0.2; }

.swatch-filter-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed443;
  border-radius: 0.69em;
  background-color: #bed443;
  display: block;
  position: relative; }
  .swatch-filter-grassgreen.disabled {
    opacity: 0.2; }

.swatch-circle-gravel,
.swatch-circle-gravel.large-swatch:after {
  background-color: #52565b; }

.swatch-square-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #52565b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gravel.disabled {
    opacity: 0.2; }

.swatch-filter-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #52565b;
  border-radius: 0.69em;
  background-color: #52565b;
  display: block;
  position: relative; }
  .swatch-filter-gravel.disabled {
    opacity: 0.2; }

.swatch-circle-gray,
.swatch-circle-gray.large-swatch:after {
  background-color: #626567; }

.swatch-square-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gray.disabled {
    opacity: 0.2; }

.swatch-filter-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-gray.disabled {
    opacity: 0.2; }

.swatch-circle-graywoven,
.swatch-circle-graywoven.large-swatch:after {
  background-color: #848486; }

.swatch-square-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #848486;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graywoven.disabled {
    opacity: 0.2; }

.swatch-filter-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #848486;
  border-radius: 0.69em;
  background-color: #848486;
  display: block;
  position: relative; }
  .swatch-filter-graywoven.disabled {
    opacity: 0.2; }

.swatch-circle-green,
.swatch-circle-green.large-swatch:after {
  background-color: #6FFB38; }

.swatch-square-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6FFB38;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-green2,
.swatch-circle-green2.large-swatch:after {
  background-color: #8aaf6c; }

.swatch-square-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8aaf6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green2.disabled {
    opacity: 0.2; }

.swatch-filter-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8aaf6c;
  border-radius: 0.69em;
  background-color: #8aaf6c;
  display: block;
  position: relative; }
  .swatch-filter-green2.disabled {
    opacity: 0.2; }

.swatch-circle-grey,
.swatch-circle-grey.large-swatch:after {
  background-color: #626567; }

.swatch-square-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-hazard,
.swatch-circle-hazard.large-swatch:after {
  background-color: #ff545b; }

.swatch-square-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff545b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hazard.disabled {
    opacity: 0.2; }

.swatch-filter-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff545b;
  border-radius: 0.69em;
  background-color: #ff545b;
  display: block;
  position: relative; }
  .swatch-filter-hazard.disabled {
    opacity: 0.2; }

.swatch-circle-hotpink,
.swatch-circle-hotpink.large-swatch:after {
  background-color: #ca2d7b; }

.swatch-square-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ca2d7b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hotpink.disabled {
    opacity: 0.2; }

.swatch-filter-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ca2d7b;
  border-radius: 0.69em;
  background-color: #ca2d7b;
  display: block;
  position: relative; }
  .swatch-filter-hotpink.disabled {
    opacity: 0.2; }

.swatch-circle-hyperblue,
.swatch-circle-hyperblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hyperblue.disabled {
    opacity: 0.2; }

.swatch-filter-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-hyperblue.disabled {
    opacity: 0.2; }

.swatch-circle-ice,
.swatch-circle-ice.large-swatch:after {
  background-color: #a4b7c8; }

.swatch-square-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a4b7c8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ice.disabled {
    opacity: 0.2; }

.swatch-filter-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a4b7c8;
  border-radius: 0.69em;
  background-color: #a4b7c8;
  display: block;
  position: relative; }
  .swatch-filter-ice.disabled {
    opacity: 0.2; }

.swatch-circle-indigo,
.swatch-circle-indigo.large-swatch:after {
  background-color: #274374; }

.swatch-square-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274374;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigo.disabled {
    opacity: 0.2; }

.swatch-filter-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274374;
  border-radius: 0.69em;
  background-color: #274374;
  display: block;
  position: relative; }
  .swatch-filter-indigo.disabled {
    opacity: 0.2; }

.swatch-circle-indigoblue,
.swatch-circle-indigoblue.large-swatch:after {
  background-color: #233a7d; }

.swatch-square-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233a7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigoblue.disabled {
    opacity: 0.2; }

.swatch-filter-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233a7d;
  border-radius: 0.69em;
  background-color: #233a7d;
  display: block;
  position: relative; }
  .swatch-filter-indigoblue.disabled {
    opacity: 0.2; }

.swatch-circle-infinitypool,
.swatch-circle-infinitypool.large-swatch:after {
  background-color: #00646b; }

.swatch-square-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00646b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infinitypool.disabled {
    opacity: 0.2; }

.swatch-filter-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00646b;
  border-radius: 0.69em;
  background-color: #00646b;
  display: block;
  position: relative; }
  .swatch-filter-infinitypool.disabled {
    opacity: 0.2; }

.swatch-circle-infrared,
.swatch-circle-infrared.large-swatch:after {
  background-color: #a50320; }

.swatch-square-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50320;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infrared.disabled {
    opacity: 0.2; }

.swatch-filter-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50320;
  border-radius: 0.69em;
  background-color: #a50320;
  display: block;
  position: relative; }
  .swatch-filter-infrared.disabled {
    opacity: 0.2; }

.swatch-circle-ink,
.swatch-circle-ink.large-swatch:after {
  background-color: #3f3a66; }

.swatch-square-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3a66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ink.disabled {
    opacity: 0.2; }

.swatch-filter-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3a66;
  border-radius: 0.69em;
  background-color: #3f3a66;
  display: block;
  position: relative; }
  .swatch-filter-ink.disabled {
    opacity: 0.2; }

.swatch-circle-ivory,
.swatch-circle-ivory.large-swatch:after {
  background-color: #fff6d5; }

.swatch-square-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fff6d5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ivory.disabled {
    opacity: 0.2; }

.swatch-filter-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff6d5;
  border-radius: 0.69em;
  background-color: #fff6d5;
  display: block;
  position: relative; }
  .swatch-filter-ivory.disabled {
    opacity: 0.2; }

.swatch-circle-jade,
.swatch-circle-jade.large-swatch:after {
  background-color: #00b38a; }

.swatch-square-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b38a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jade.disabled {
    opacity: 0.2; }

.swatch-filter-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b38a;
  border-radius: 0.69em;
  background-color: #00b38a;
  display: block;
  position: relative; }
  .swatch-filter-jade.disabled {
    opacity: 0.2; }

.swatch-circle-jet,
.swatch-circle-jet.large-swatch:after {
  background-color: #3f3e44; }

.swatch-square-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3e44;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jet.disabled {
    opacity: 0.2; }

.swatch-filter-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3e44;
  border-radius: 0.69em;
  background-color: #3f3e44;
  display: block;
  position: relative; }
  .swatch-filter-jet.disabled {
    opacity: 0.2; }

.swatch-circle-jetsetred,
.swatch-circle-jetsetred.large-swatch:after {
  background-color: #930324; }

.swatch-square-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #930324;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jetsetred.disabled {
    opacity: 0.2; }

.swatch-filter-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #930324;
  border-radius: 0.69em;
  background-color: #930324;
  display: block;
  position: relative; }
  .swatch-filter-jetsetred.disabled {
    opacity: 0.2; }

.swatch-circle-julep,
.swatch-circle-julep.large-swatch:after {
  background-color: #a5d0d1; }

.swatch-square-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a5d0d1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-julep.disabled {
    opacity: 0.2; }

.swatch-filter-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a5d0d1;
  border-radius: 0.69em;
  background-color: #a5d0d1;
  display: block;
  position: relative; }
  .swatch-filter-julep.disabled {
    opacity: 0.2; }

.swatch-circle-khaki,
.swatch-circle-khaki.large-swatch:after {
  background-color: #4f3b25; }

.swatch-square-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4f3b25;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-khaki.disabled {
    opacity: 0.2; }

.swatch-filter-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4f3b25;
  border-radius: 0.69em;
  background-color: #4f3b25;
  display: block;
  position: relative; }
  .swatch-filter-khaki.disabled {
    opacity: 0.2; }

.swatch-circle-lacquer,
.swatch-circle-lacquer.large-swatch:after {
  background-color: #1d428a; }

.swatch-square-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d428a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lacquer.disabled {
    opacity: 0.2; }

.swatch-filter-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d428a;
  border-radius: 0.69em;
  background-color: #1d428a;
  display: block;
  position: relative; }
  .swatch-filter-lacquer.disabled {
    opacity: 0.2; }

.swatch-circle-lagoon,
.swatch-circle-lagoon.large-swatch:after {
  background-color: #0098aa; }

.swatch-square-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lagoon.disabled {
    opacity: 0.2; }

.swatch-filter-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098aa;
  border-radius: 0.69em;
  background-color: #0098aa;
  display: block;
  position: relative; }
  .swatch-filter-lagoon.disabled {
    opacity: 0.2; }

.swatch-circle-lavendar,
.swatch-circle-lavendar.large-swatch:after {
  background-color: #d8b6d7; }

.swatch-square-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d8b6d7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavendar.disabled {
    opacity: 0.2; }

.swatch-filter-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d8b6d7;
  border-radius: 0.69em;
  background-color: #d8b6d7;
  display: block;
  position: relative; }
  .swatch-filter-lavendar.disabled {
    opacity: 0.2; }

.swatch-circle-lavender,
.swatch-circle-lavender.large-swatch:after {
  background-color: #b8acd6; }

.swatch-square-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8acd6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavender.disabled {
    opacity: 0.2; }

.swatch-filter-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8acd6;
  border-radius: 0.69em;
  background-color: #b8acd6;
  display: block;
  position: relative; }
  .swatch-filter-lavender.disabled {
    opacity: 0.2; }

.swatch-circle-lavenderpurple,
.swatch-circle-lavenderpurple.large-swatch:after {
  background-color: #dcd5f4; }

.swatch-square-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dcd5f4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-filter-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dcd5f4;
  border-radius: 0.69em;
  background-color: #dcd5f4;
  display: block;
  position: relative; }
  .swatch-filter-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-circle-lightblue,
.swatch-circle-lightblue.large-swatch:after {
  background-color: #5991ca; }

.swatch-square-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5991ca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightblue.disabled {
    opacity: 0.2; }

.swatch-filter-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5991ca;
  border-radius: 0.69em;
  background-color: #5991ca;
  display: block;
  position: relative; }
  .swatch-filter-lightblue.disabled {
    opacity: 0.2; }

.swatch-circle-lightgraphite,
.swatch-circle-lightgraphite.large-swatch:after {
  background-color: #8f8f93; }

.swatch-square-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8f8f93;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-filter-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f8f93;
  border-radius: 0.69em;
  background-color: #8f8f93;
  display: block;
  position: relative; }
  .swatch-filter-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-circle-lightgray,
.swatch-circle-lightgray.large-swatch:after {
  background-color: #bebebe; }

.swatch-square-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bebebe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgray.disabled {
    opacity: 0.2; }

.swatch-filter-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bebebe;
  border-radius: 0.69em;
  background-color: #bebebe;
  display: block;
  position: relative; }
  .swatch-filter-lightgray.disabled {
    opacity: 0.2; }

.swatch-circle-lightlines,
.swatch-circle-lightlines.large-swatch:after {
  background-color: #d6d4cf; }

.swatch-square-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d6d4cf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightlines.disabled {
    opacity: 0.2; }

.swatch-filter-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d6d4cf;
  border-radius: 0.69em;
  background-color: #d6d4cf;
  display: block;
  position: relative; }
  .swatch-filter-lightlines.disabled {
    opacity: 0.2; }

.swatch-circle-lightpink,
.swatch-circle-lightpink.large-swatch:after {
  background-color: #b8575f; }

.swatch-square-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8575f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightpink.disabled {
    opacity: 0.2; }

.swatch-filter-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8575f;
  border-radius: 0.69em;
  background-color: #b8575f;
  display: block;
  position: relative; }
  .swatch-filter-lightpink.disabled {
    opacity: 0.2; }

.swatch-circle-lilac,
.swatch-circle-lilac.large-swatch:after {
  background-color: #d2bbda; }

.swatch-square-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2bbda;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lilac.disabled {
    opacity: 0.2; }

.swatch-filter-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2bbda;
  border-radius: 0.69em;
  background-color: #d2bbda;
  display: block;
  position: relative; }
  .swatch-filter-lilac.disabled {
    opacity: 0.2; }

.swatch-circle-lime,
.swatch-circle-lime.large-swatch:after {
  background-color: #d7e241; }

.swatch-square-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e241;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lime.disabled {
    opacity: 0.2; }

.swatch-filter-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e241;
  border-radius: 0.69em;
  background-color: #d7e241;
  display: block;
  position: relative; }
  .swatch-filter-lime.disabled {
    opacity: 0.2; }

.swatch-circle-limelight,
.swatch-circle-limelight.large-swatch:after {
  background-color: #c9dd00; }

.swatch-square-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9dd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-limelight.disabled {
    opacity: 0.2; }

.swatch-filter-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9dd00;
  border-radius: 0.69em;
  background-color: #c9dd00;
  display: block;
  position: relative; }
  .swatch-filter-limelight.disabled {
    opacity: 0.2; }

.swatch-circle-magnetic,
.swatch-circle-magnetic.large-swatch:after {
  background-color: #a50069; }

.swatch-square-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50069;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-magnetic.disabled {
    opacity: 0.2; }

.swatch-filter-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50069;
  border-radius: 0.69em;
  background-color: #a50069;
  display: block;
  position: relative; }
  .swatch-filter-magnetic.disabled {
    opacity: 0.2; }

.swatch-circle-majesty,
.swatch-circle-majesty.large-swatch:after {
  background-color: #5d4171; }

.swatch-square-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5d4171;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-majesty.disabled {
    opacity: 0.2; }

.swatch-filter-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5d4171;
  border-radius: 0.69em;
  background-color: #5d4171;
  display: block;
  position: relative; }
  .swatch-filter-majesty.disabled {
    opacity: 0.2; }

.swatch-circle-mango,
.swatch-circle-mango.large-swatch:after {
  background-color: #f6d654; }

.swatch-square-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6d654;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mango.disabled {
    opacity: 0.2; }

.swatch-filter-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6d654;
  border-radius: 0.69em;
  background-color: #f6d654;
  display: block;
  position: relative; }
  .swatch-filter-mango.disabled {
    opacity: 0.2; }

.swatch-circle-marina,
.swatch-circle-marina.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marina.disabled {
    opacity: 0.2; }

.swatch-filter-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marina.disabled {
    opacity: 0.2; }

.swatch-circle-marinablue,
.swatch-circle-marinablue.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marinablue.disabled {
    opacity: 0.2; }

.swatch-filter-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marinablue.disabled {
    opacity: 0.2; }

.swatch-circle-mask,
.swatch-circle-mask.large-swatch:after {
  background-color: #22314e; }

.swatch-square-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #22314e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mask.disabled {
    opacity: 0.2; }

.swatch-filter-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #22314e;
  border-radius: 0.69em;
  background-color: #22314e;
  display: block;
  position: relative; }
  .swatch-filter-mask.disabled {
    opacity: 0.2; }

.swatch-circle-mauve,
.swatch-circle-mauve.large-swatch:after {
  background-color: #c873af; }

.swatch-square-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c873af;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mauve.disabled {
    opacity: 0.2; }

.swatch-filter-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c873af;
  border-radius: 0.69em;
  background-color: #c873af;
  display: block;
  position: relative; }
  .swatch-filter-mauve.disabled {
    opacity: 0.2; }

.swatch-circle-mellowpink,
.swatch-circle-mellowpink.large-swatch:after {
  background-color: #ecc7d2; }

.swatch-square-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ecc7d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mellowpink.disabled {
    opacity: 0.2; }

.swatch-filter-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ecc7d2;
  border-radius: 0.69em;
  background-color: #ecc7d2;
  display: block;
  position: relative; }
  .swatch-filter-mellowpink.disabled {
    opacity: 0.2; }

.swatch-circle-midnight,
.swatch-circle-midnight.large-swatch:after {
  background-color: #35363b; }

.swatch-square-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #35363b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnight.disabled {
    opacity: 0.2; }

.swatch-filter-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #35363b;
  border-radius: 0.69em;
  background-color: #35363b;
  display: block;
  position: relative; }
  .swatch-filter-midnight.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblack,
.swatch-circle-midnightblack.large-swatch:after {
  background-color: #454545; }

.swatch-square-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #454545;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblack.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #454545;
  border-radius: 0.69em;
  background-color: #454545;
  display: block;
  position: relative; }
  .swatch-filter-midnightblack.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblue,
.swatch-circle-midnightblue.large-swatch:after {
  background-color: #1a2b51; }

.swatch-square-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1a2b51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblue.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1a2b51;
  border-radius: 0.69em;
  background-color: #1a2b51;
  display: block;
  position: relative; }
  .swatch-filter-midnightblue.disabled {
    opacity: 0.2; }

.swatch-circle-midnightgreen,
.swatch-circle-midnightgreen.large-swatch:after {
  background-color: #485b53; }

.swatch-square-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #485b53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-filter-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #485b53;
  border-radius: 0.69em;
  background-color: #485b53;
  display: block;
  position: relative; }
  .swatch-filter-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-circle-midorange,
.swatch-circle-midorange.large-swatch:after {
  background-color: #c8532c; }

.swatch-square-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c8532c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midorange.disabled {
    opacity: 0.2; }

.swatch-filter-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c8532c;
  border-radius: 0.69em;
  background-color: #c8532c;
  display: block;
  position: relative; }
  .swatch-filter-midorange.disabled {
    opacity: 0.2; }

.swatch-circle-millennialpink,
.swatch-circle-millennialpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-millennialpink.disabled {
    opacity: 0.2; }

.swatch-filter-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-millennialpink.disabled {
    opacity: 0.2; }

.swatch-circle-mint,
.swatch-circle-mint.large-swatch:after {
  background-color: #73d1b7; }

.swatch-square-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #73d1b7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mint.disabled {
    opacity: 0.2; }

.swatch-filter-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #73d1b7;
  border-radius: 0.69em;
  background-color: #73d1b7;
  display: block;
  position: relative; }
  .swatch-filter-mint.disabled {
    opacity: 0.2; }

.swatch-circle-mixitblue,
.swatch-circle-mixitblue.large-swatch:after {
  background-color: #1e93be; }

.swatch-square-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1e93be;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitblue.disabled {
    opacity: 0.2; }

.swatch-filter-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1e93be;
  border-radius: 0.69em;
  background-color: #1e93be;
  display: block;
  position: relative; }
  .swatch-filter-mixitblue.disabled {
    opacity: 0.2; }

.swatch-circle-mixitred,
.swatch-circle-mixitred.large-swatch:after {
  background-color: #bc302d; }

.swatch-square-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bc302d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitred.disabled {
    opacity: 0.2; }

.swatch-filter-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bc302d;
  border-radius: 0.69em;
  background-color: #bc302d;
  display: block;
  position: relative; }
  .swatch-filter-mixitred.disabled {
    opacity: 0.2; }

.swatch-circle-monument,
.swatch-circle-monument.large-swatch:after {
  background-color: #484443; }

.swatch-square-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #484443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-monument.disabled {
    opacity: 0.2; }

.swatch-filter-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #484443;
  border-radius: 0.69em;
  background-color: #484443;
  display: block;
  position: relative; }
  .swatch-filter-monument.disabled {
    opacity: 0.2; }

.swatch-circle-mustard,
.swatch-circle-mustard.large-swatch:after {
  background-color: #c9ba4e; }

.swatch-square-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9ba4e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mustard.disabled {
    opacity: 0.2; }

.swatch-filter-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9ba4e;
  border-radius: 0.69em;
  background-color: #c9ba4e;
  display: block;
  position: relative; }
  .swatch-filter-mustard.disabled {
    opacity: 0.2; }

.swatch-circle-navy,
.swatch-circle-navy.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-navyblue,
.swatch-circle-navyblue.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navyblue.disabled {
    opacity: 0.2; }

.swatch-filter-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navyblue.disabled {
    opacity: 0.2; }

.swatch-circle-nightfall,
.swatch-circle-nightfall.large-swatch:after {
  background-color: #53396a; }

.swatch-square-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #53396a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightfall.disabled {
    opacity: 0.2; }

.swatch-filter-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #53396a;
  border-radius: 0.69em;
  background-color: #53396a;
  display: block;
  position: relative; }
  .swatch-filter-nightfall.disabled {
    opacity: 0.2; }

.swatch-circle-nightsky,
.swatch-circle-nightsky.large-swatch:after {
  background-color: #1d164c; }

.swatch-square-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d164c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightsky.disabled {
    opacity: 0.2; }

.swatch-filter-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d164c;
  border-radius: 0.69em;
  background-color: #1d164c;
  display: block;
  position: relative; }
  .swatch-filter-nightsky.disabled {
    opacity: 0.2; }

.swatch-circle-ocean,
.swatch-circle-ocean.large-swatch:after {
  background-color: #235484; }

.swatch-square-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #235484;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ocean.disabled {
    opacity: 0.2; }

.swatch-filter-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #235484;
  border-radius: 0.69em;
  background-color: #235484;
  display: block;
  position: relative; }
  .swatch-filter-ocean.disabled {
    opacity: 0.2; }

.swatch-circle-olive,
.swatch-circle-olive.large-swatch:after {
  background-color: #69786d; }

.swatch-square-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69786d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olive.disabled {
    opacity: 0.2; }

.swatch-filter-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69786d;
  border-radius: 0.69em;
  background-color: #69786d;
  display: block;
  position: relative; }
  .swatch-filter-olive.disabled {
    opacity: 0.2; }

.swatch-circle-olivegreen,
.swatch-circle-olivegreen.large-swatch:after {
  background-color: #55782d; }

.swatch-square-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #55782d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olivegreen.disabled {
    opacity: 0.2; }

.swatch-filter-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #55782d;
  border-radius: 0.69em;
  background-color: #55782d;
  display: block;
  position: relative; }
  .swatch-filter-olivegreen.disabled {
    opacity: 0.2; }

.swatch-circle-orange,
.swatch-circle-orange.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-orange2,
.swatch-circle-orange2.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange2.disabled {
    opacity: 0.2; }

.swatch-filter-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange2.disabled {
    opacity: 0.2; }

.swatch-circle-orchid,
.swatch-circle-orchid.large-swatch:after {
  background-color: #9961c3; }

.swatch-square-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9961c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orchid.disabled {
    opacity: 0.2; }

.swatch-filter-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9961c3;
  border-radius: 0.69em;
  background-color: #9961c3;
  display: block;
  position: relative; }
  .swatch-filter-orchid.disabled {
    opacity: 0.2; }

.swatch-circle-overcast,
.swatch-circle-overcast.large-swatch:after {
  background-color: #bdbebf; }

.swatch-square-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bdbebf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-overcast.disabled {
    opacity: 0.2; }

.swatch-filter-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bdbebf;
  border-radius: 0.69em;
  background-color: #bdbebf;
  display: block;
  position: relative; }
  .swatch-filter-overcast.disabled {
    opacity: 0.2; }

.swatch-circle-oystergray,
.swatch-circle-oystergray.large-swatch:after {
  background-color: #666666; }

.swatch-square-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #666666;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-oystergray.disabled {
    opacity: 0.2; }

.swatch-filter-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #666666;
  border-radius: 0.69em;
  background-color: #666666;
  display: block;
  position: relative; }
  .swatch-filter-oystergray.disabled {
    opacity: 0.2; }

.swatch-circle-paleblue,
.swatch-circle-paleblue.large-swatch:after {
  background-color: #6f90b8; }

.swatch-square-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f90b8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paleblue.disabled {
    opacity: 0.2; }

.swatch-filter-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f90b8;
  border-radius: 0.69em;
  background-color: #6f90b8;
  display: block;
  position: relative; }
  .swatch-filter-paleblue.disabled {
    opacity: 0.2; }

.swatch-circle-paparazzipink,
.swatch-circle-paparazzipink.large-swatch:after {
  background-color: #d3305d; }

.swatch-square-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3305d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-filter-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3305d;
  border-radius: 0.69em;
  background-color: #d3305d;
  display: block;
  position: relative; }
  .swatch-filter-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-circle-peacock,
.swatch-circle-peacock.large-swatch:after {
  background-color: #274b4c; }

.swatch-square-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274b4c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peacock.disabled {
    opacity: 0.2; }

.swatch-filter-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274b4c;
  border-radius: 0.69em;
  background-color: #274b4c;
  display: block;
  position: relative; }
  .swatch-filter-peacock.disabled {
    opacity: 0.2; }

.swatch-circle-pearlblue,
.swatch-circle-pearlblue.large-swatch:after {
  background-color: #e0ebf2; }

.swatch-square-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e0ebf2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pearlblue.disabled {
    opacity: 0.2; }

.swatch-filter-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e0ebf2;
  border-radius: 0.69em;
  background-color: #e0ebf2;
  display: block;
  position: relative; }
  .swatch-filter-pearlblue.disabled {
    opacity: 0.2; }

.swatch-circle-peat,
.swatch-circle-peat.large-swatch:after {
  background-color: #f56936; }

.swatch-square-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f56936;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peat.disabled {
    opacity: 0.2; }

.swatch-filter-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f56936;
  border-radius: 0.69em;
  background-color: #f56936;
  display: block;
  position: relative; }
  .swatch-filter-peat.disabled {
    opacity: 0.2; }

.swatch-circle-pebble,
.swatch-circle-pebble.large-swatch:after {
  background-color: #b4aeb1; }

.swatch-square-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b4aeb1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pebble.disabled {
    opacity: 0.2; }

.swatch-filter-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b4aeb1;
  border-radius: 0.69em;
  background-color: #b4aeb1;
  display: block;
  position: relative; }
  .swatch-filter-pebble.disabled {
    opacity: 0.2; }

.swatch-circle-peony,
.swatch-circle-peony.large-swatch:after {
  background-color: #fbaac7; }

.swatch-square-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fbaac7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peony.disabled {
    opacity: 0.2; }

.swatch-filter-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fbaac7;
  border-radius: 0.69em;
  background-color: #fbaac7;
  display: block;
  position: relative; }
  .swatch-filter-peony.disabled {
    opacity: 0.2; }

.swatch-circle-perfectplum,
.swatch-circle-perfectplum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-perfectplum.disabled {
    opacity: 0.2; }

.swatch-filter-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-perfectplum.disabled {
    opacity: 0.2; }

.swatch-circle-persimmon,
.swatch-circle-persimmon.large-swatch:after {
  background-color: #db6618; }

.swatch-square-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db6618;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-persimmon.disabled {
    opacity: 0.2; }

.swatch-filter-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db6618;
  border-radius: 0.69em;
  background-color: #db6618;
  display: block;
  position: relative; }
  .swatch-filter-persimmon.disabled {
    opacity: 0.2; }

.swatch-circle-petal,
.swatch-circle-petal.large-swatch:after {
  background-color: #f7dce2; }

.swatch-square-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f7dce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petal.disabled {
    opacity: 0.2; }

.swatch-filter-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f7dce2;
  border-radius: 0.69em;
  background-color: #f7dce2;
  display: block;
  position: relative; }
  .swatch-filter-petal.disabled {
    opacity: 0.2; }

.swatch-circle-petalpink,
.swatch-circle-petalpink.large-swatch:after {
  background-color: #fda4bc; }

.swatch-square-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fda4bc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petalpink.disabled {
    opacity: 0.2; }

.swatch-filter-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fda4bc;
  border-radius: 0.69em;
  background-color: #fda4bc;
  display: block;
  position: relative; }
  .swatch-filter-petalpink.disabled {
    opacity: 0.2; }

.swatch-circle-phantom,
.swatch-circle-phantom.large-swatch:after {
  background-color: #42474c; }

.swatch-square-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #42474c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-phantom.disabled {
    opacity: 0.2; }

.swatch-filter-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #42474c;
  border-radius: 0.69em;
  background-color: #42474c;
  display: block;
  position: relative; }
  .swatch-filter-phantom.disabled {
    opacity: 0.2; }

.swatch-circle-pianoblack,
.swatch-circle-pianoblack.large-swatch:after {
  background-color: #000; }

.swatch-square-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pianoblack.disabled {
    opacity: 0.2; }

.swatch-filter-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-pianoblack.disabled {
    opacity: 0.2; }

.swatch-circle-pink,
.swatch-circle-pink.large-swatch:after {
  background-color: #cb6199; }

.swatch-square-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cb6199;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cb6199;
  border-radius: 0.69em;
  background-color: #cb6199;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-pinkviolet,
.swatch-circle-pinkviolet.large-swatch:after {
  background-color: #902865; }

.swatch-square-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #902865;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-filter-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #902865;
  border-radius: 0.69em;
  background-color: #902865;
  display: block;
  position: relative; }
  .swatch-filter-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-circle-pinot,
.swatch-circle-pinot.large-swatch:after {
  background-color: #693462; }

.swatch-square-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #693462;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinot.disabled {
    opacity: 0.2; }

.swatch-filter-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #693462;
  border-radius: 0.69em;
  background-color: #693462;
  display: block;
  position: relative; }
  .swatch-filter-pinot.disabled {
    opacity: 0.2; }

.swatch-circle-pistachiogreen,
.swatch-circle-pistachiogreen.large-swatch:after {
  background-color: #819D78; }

.swatch-square-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #819D78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-filter-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #819D78;
  border-radius: 0.69em;
  background-color: #819D78;
  display: block;
  position: relative; }
  .swatch-filter-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-circle-pitchblack,
.swatch-circle-pitchblack.large-swatch:after {
  background-color: #020202; }

.swatch-square-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #020202;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pitchblack.disabled {
    opacity: 0.2; }

.swatch-filter-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #020202;
  border-radius: 0.69em;
  background-color: #020202;
  display: block;
  position: relative; }
  .swatch-filter-pitchblack.disabled {
    opacity: 0.2; }

.swatch-circle-plum,
.swatch-circle-plum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plum.disabled {
    opacity: 0.2; }

.swatch-filter-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-plum.disabled {
    opacity: 0.2; }

.swatch-circle-plumberry,
.swatch-circle-plumberry.large-swatch:after {
  background-color: #4d195b; }

.swatch-square-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d195b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plumberry.disabled {
    opacity: 0.2; }

.swatch-filter-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d195b;
  border-radius: 0.69em;
  background-color: #4d195b;
  display: block;
  position: relative; }
  .swatch-filter-plumberry.disabled {
    opacity: 0.2; }

.swatch-circle-portred,
.swatch-circle-portred.large-swatch:after {
  background-color: #77212e; }

.swatch-square-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #77212e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-portred.disabled {
    opacity: 0.2; }

.swatch-filter-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #77212e;
  border-radius: 0.69em;
  background-color: #77212e;
  display: block;
  position: relative; }
  .swatch-filter-portred.disabled {
    opacity: 0.2; }

.swatch-circle-punch,
.swatch-circle-punch.large-swatch:after {
  background-color: #c52062; }

.swatch-square-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c52062;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-punch.disabled {
    opacity: 0.2; }

.swatch-filter-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c52062;
  border-radius: 0.69em;
  background-color: #c52062;
  display: block;
  position: relative; }
  .swatch-filter-punch.disabled {
    opacity: 0.2; }

.swatch-circle-purple,
.swatch-circle-purple.large-swatch:after {
  background-color: #6d3c7d; }

.swatch-square-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6d3c7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6d3c7d;
  border-radius: 0.69em;
  background-color: #6d3c7d;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-purplelightning,
.swatch-circle-purplelightning.large-swatch:after {
  background-color: #6f4181; }

.swatch-square-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f4181;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purplelightning.disabled {
    opacity: 0.2; }

.swatch-filter-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f4181;
  border-radius: 0.69em;
  background-color: #6f4181;
  display: block;
  position: relative; }
  .swatch-filter-purplelightning.disabled {
    opacity: 0.2; }

.swatch-circle-radiantorchid,
.swatch-circle-radiantorchid.large-swatch:after {
  background-color: #a45b96; }

.swatch-square-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a45b96;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-filter-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a45b96;
  border-radius: 0.69em;
  background-color: #a45b96;
  display: block;
  position: relative; }
  .swatch-filter-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-circle-red,
.swatch-circle-red.large-swatch:after {
  background-color: #d3222a; }

.swatch-square-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3222a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3222a;
  border-radius: 0.69em;
  background-color: #d3222a;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-redcarpet,
.swatch-circle-redcarpet.large-swatch:after {
  background-color: #9d202f; }

.swatch-square-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9d202f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redcarpet.disabled {
    opacity: 0.2; }

.swatch-filter-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9d202f;
  border-radius: 0.69em;
  background-color: #9d202f;
  display: block;
  position: relative; }
  .swatch-filter-redcarpet.disabled {
    opacity: 0.2; }

.swatch-circle-redviolet,
.swatch-circle-redviolet.large-swatch:after {
  background-color: #6c3a77; }

.swatch-square-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c3a77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redviolet.disabled {
    opacity: 0.2; }

.swatch-filter-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c3a77;
  border-radius: 0.69em;
  background-color: #6c3a77;
  display: block;
  position: relative; }
  .swatch-filter-redviolet.disabled {
    opacity: 0.2; }

.swatch-circle-reflection,
.swatch-circle-reflection.large-swatch:after {
  background-color: #00aed9; }

.swatch-square-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00aed9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-reflection.disabled {
    opacity: 0.2; }

.swatch-filter-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00aed9;
  border-radius: 0.69em;
  background-color: #00aed9;
  display: block;
  position: relative; }
  .swatch-filter-reflection.disabled {
    opacity: 0.2; }

.swatch-circle-rooftopgreen,
.swatch-circle-rooftopgreen.large-swatch:after {
  background-color: #68c448; }

.swatch-square-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #68c448;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-filter-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #68c448;
  border-radius: 0.69em;
  background-color: #68c448;
  display: block;
  position: relative; }
  .swatch-filter-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-circle-rose,
.swatch-circle-rose.large-swatch:after {
  background-color: #8b2346; }

.swatch-square-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b2346;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rose.disabled {
    opacity: 0.2; }

.swatch-filter-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b2346;
  border-radius: 0.69em;
  background-color: #8b2346;
  display: block;
  position: relative; }
  .swatch-filter-rose.disabled {
    opacity: 0.2; }

.swatch-circle-rosegold,
.swatch-circle-rosegold.large-swatch:after {
  background-color: #edd7cb; }

.swatch-square-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #edd7cb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosegold.disabled {
    opacity: 0.2; }

.swatch-filter-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #edd7cb;
  border-radius: 0.69em;
  background-color: #edd7cb;
  display: block;
  position: relative; }
  .swatch-filter-rosegold.disabled {
    opacity: 0.2; }

.swatch-circle-rosequartz,
.swatch-circle-rosequartz.large-swatch:after {
  background-color: #f1d6c9; }

.swatch-square-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1d6c9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosequartz.disabled {
    opacity: 0.2; }

.swatch-filter-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1d6c9;
  border-radius: 0.69em;
  background-color: #f1d6c9;
  display: block;
  position: relative; }
  .swatch-filter-rosequartz.disabled {
    opacity: 0.2; }

.swatch-circle-royallilac,
.swatch-circle-royallilac.large-swatch:after {
  background-color: #8c0628; }

.swatch-square-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8c0628;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royallilac.disabled {
    opacity: 0.2; }

.swatch-filter-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8c0628;
  border-radius: 0.69em;
  background-color: #8c0628;
  display: block;
  position: relative; }
  .swatch-filter-royallilac.disabled {
    opacity: 0.2; }

.swatch-circle-royalpurple,
.swatch-circle-royalpurple.large-swatch:after {
  background-color: #591c65; }

.swatch-square-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #591c65;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royalpurple.disabled {
    opacity: 0.2; }

.swatch-filter-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #591c65;
  border-radius: 0.69em;
  background-color: #591c65;
  display: block;
  position: relative; }
  .swatch-filter-royalpurple.disabled {
    opacity: 0.2; }

.swatch-circle-ruby,
.swatch-circle-ruby.large-swatch:after {
  background-color: #d12631; }

.swatch-square-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d12631;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ruby.disabled {
    opacity: 0.2; }

.swatch-filter-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d12631;
  border-radius: 0.69em;
  background-color: #d12631;
  display: block;
  position: relative; }
  .swatch-filter-ruby.disabled {
    opacity: 0.2; }

.swatch-circle-safetyorange,
.swatch-circle-safetyorange.large-swatch:after {
  background-color: #db4834; }

.swatch-square-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db4834;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-safetyorange.disabled {
    opacity: 0.2; }

.swatch-filter-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db4834;
  border-radius: 0.69em;
  background-color: #db4834;
  display: block;
  position: relative; }
  .swatch-filter-safetyorange.disabled {
    opacity: 0.2; }

.swatch-circle-sand,
.swatch-circle-sand.large-swatch:after {
  background-color: #f2eee8; }

.swatch-square-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2eee8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sand.disabled {
    opacity: 0.2; }

.swatch-filter-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2eee8;
  border-radius: 0.69em;
  background-color: #f2eee8;
  display: block;
  position: relative; }
  .swatch-filter-sand.disabled {
    opacity: 0.2; }

.swatch-circle-shadow,
.swatch-circle-shadow.large-swatch:after {
  background-color: #2c3f5f; }

.swatch-square-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c3f5f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadow.disabled {
    opacity: 0.2; }

.swatch-filter-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c3f5f;
  border-radius: 0.69em;
  background-color: #2c3f5f;
  display: block;
  position: relative; }
  .swatch-filter-shadow.disabled {
    opacity: 0.2; }

.swatch-circle-shadowmetallic,
.swatch-circle-shadowmetallic.large-swatch:after {
  background-color: #4d4d4b; }

.swatch-square-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d4d4b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-filter-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d4d4b;
  border-radius: 0.69em;
  background-color: #4d4d4b;
  display: block;
  position: relative; }
  .swatch-filter-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-circle-shellpink,
.swatch-circle-shellpink.large-swatch:after {
  background-color: #f6e1df; }

.swatch-square-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6e1df;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shellpink.disabled {
    opacity: 0.2; }

.swatch-filter-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6e1df;
  border-radius: 0.69em;
  background-color: #f6e1df;
  display: block;
  position: relative; }
  .swatch-filter-shellpink.disabled {
    opacity: 0.2; }

.swatch-circle-sidewalk,
.swatch-circle-sidewalk.large-swatch:after {
  background-color: #8a8f90; }

.swatch-square-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8a8f90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sidewalk.disabled {
    opacity: 0.2; }

.swatch-filter-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8a8f90;
  border-radius: 0.69em;
  background-color: #8a8f90;
  display: block;
  position: relative; }
  .swatch-filter-sidewalk.disabled {
    opacity: 0.2; }

.swatch-circle-silver,
.swatch-circle-silver.large-swatch:after {
  background-color: #8e908f; }

.swatch-square-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8e908f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-silver.disabled {
    opacity: 0.2; }

.swatch-filter-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8e908f;
  border-radius: 0.69em;
  background-color: #8e908f;
  display: block;
  position: relative; }
  .swatch-filter-silver.disabled {
    opacity: 0.2; }

.swatch-circle-slate,
.swatch-circle-slate.large-swatch:after {
  background-color: #606b78; }

.swatch-square-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #606b78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-slate.disabled {
    opacity: 0.2; }

.swatch-filter-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #606b78;
  border-radius: 0.69em;
  background-color: #606b78;
  display: block;
  position: relative; }
  .swatch-filter-slate.disabled {
    opacity: 0.2; }

.swatch-circle-smoke,
.swatch-circle-smoke.large-swatch:after {
  background-color: #616161; }

.swatch-square-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #616161;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smoke.disabled {
    opacity: 0.2; }

.swatch-filter-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #616161;
  border-radius: 0.69em;
  background-color: #616161;
  display: block;
  position: relative; }
  .swatch-filter-smoke.disabled {
    opacity: 0.2; }

.swatch-circle-smolder,
.swatch-circle-smolder.large-swatch:after {
  background-color: #41403f; }

.swatch-square-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #41403f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smolder.disabled {
    opacity: 0.2; }

.swatch-filter-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #41403f;
  border-radius: 0.69em;
  background-color: #41403f;
  display: block;
  position: relative; }
  .swatch-filter-smolder.disabled {
    opacity: 0.2; }

.swatch-circle-snowcapwhite,
.swatch-circle-snowcapwhite.large-swatch:after {
  background-color: #f9fafa; }

.swatch-square-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9fafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-filter-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9fafa;
  border-radius: 0.69em;
  background-color: #f9fafa;
  display: block;
  position: relative; }
  .swatch-filter-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-circle-softgray,
.swatch-circle-softgray.large-swatch:after {
  background-color: #3c393a; }

.swatch-square-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c393a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-softgray.disabled {
    opacity: 0.2; }

.swatch-filter-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c393a;
  border-radius: 0.69em;
  background-color: #3c393a;
  display: block;
  position: relative; }
  .swatch-filter-softgray.disabled {
    opacity: 0.2; }

.swatch-circle-sorbet,
.swatch-circle-sorbet.large-swatch:after {
  background-color: #e14c68; }

.swatch-square-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e14c68;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sorbet.disabled {
    opacity: 0.2; }

.swatch-filter-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e14c68;
  border-radius: 0.69em;
  background-color: #e14c68;
  display: block;
  position: relative; }
  .swatch-filter-sorbet.disabled {
    opacity: 0.2; }

.swatch-circle-spacegray,
.swatch-circle-spacegray.large-swatch:after {
  background-color: #626568; }

.swatch-square-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626568;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-spacegray.disabled {
    opacity: 0.2; }

.swatch-filter-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626568;
  border-radius: 0.69em;
  background-color: #626568;
  display: block;
  position: relative; }
  .swatch-filter-spacegray.disabled {
    opacity: 0.2; }

.swatch-circle-sparkle,
.swatch-circle-sparkle.large-swatch:after {
  background-color: #bab7b4; }

.swatch-square-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bab7b4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparkle.disabled {
    opacity: 0.2; }

.swatch-filter-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bab7b4;
  border-radius: 0.69em;
  background-color: #bab7b4;
  display: block;
  position: relative; }
  .swatch-filter-sparkle.disabled {
    opacity: 0.2; }

.swatch-circle-sparklinggrape,
.swatch-circle-sparklinggrape.large-swatch:after {
  background-color: #642f6c; }

.swatch-square-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #642f6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-filter-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #642f6c;
  border-radius: 0.69em;
  background-color: #642f6c;
  display: block;
  position: relative; }
  .swatch-filter-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-circle-sportyellow,
.swatch-circle-sportyellow.large-swatch:after {
  background-color: #f1eb54; }

.swatch-square-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eb54;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sportyellow.disabled {
    opacity: 0.2; }

.swatch-filter-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eb54;
  border-radius: 0.69em;
  background-color: #f1eb54;
  display: block;
  position: relative; }
  .swatch-filter-sportyellow.disabled {
    opacity: 0.2; }

.swatch-circle-steel,
.swatch-circle-steel.large-swatch:after {
  background-color: #84888b; }

.swatch-square-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #84888b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-steel.disabled {
    opacity: 0.2; }

.swatch-filter-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #84888b;
  border-radius: 0.69em;
  background-color: #84888b;
  display: block;
  position: relative; }
  .swatch-filter-steel.disabled {
    opacity: 0.2; }

.swatch-circle-stockbrown,
.swatch-circle-stockbrown.large-swatch:after {
  background-color: #60473a; }

.swatch-square-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #60473a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stockbrown.disabled {
    opacity: 0.2; }

.swatch-filter-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #60473a;
  border-radius: 0.69em;
  background-color: #60473a;
  display: block;
  position: relative; }
  .swatch-filter-stockbrown.disabled {
    opacity: 0.2; }

.swatch-circle-stone,
.swatch-circle-stone.large-swatch:after {
  background-color: #a2a5a4; }

.swatch-square-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2a5a4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stone.disabled {
    opacity: 0.2; }

.swatch-filter-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2a5a4;
  border-radius: 0.69em;
  background-color: #a2a5a4;
  display: block;
  position: relative; }
  .swatch-filter-stone.disabled {
    opacity: 0.2; }

.swatch-circle-stripe,
.swatch-circle-stripe.large-swatch:after {
  background-color: #b5b5b5; }

.swatch-square-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b5b5b5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stripe.disabled {
    opacity: 0.2; }

.swatch-filter-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b5b5b5;
  border-radius: 0.69em;
  background-color: #b5b5b5;
  display: block;
  position: relative; }
  .swatch-filter-stripe.disabled {
    opacity: 0.2; }

.swatch-circle-sunsetpink,
.swatch-circle-sunsetpink.large-swatch:after {
  background-color: #f25f66; }

.swatch-square-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f25f66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-filter-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f25f66;
  border-radius: 0.69em;
  background-color: #f25f66;
  display: block;
  position: relative; }
  .swatch-filter-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-circle-surge,
.swatch-circle-surge.large-swatch:after {
  background-color: #ff7d00; }

.swatch-square-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff7d00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-surge.disabled {
    opacity: 0.2; }

.swatch-filter-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff7d00;
  border-radius: 0.69em;
  background-color: #ff7d00;
  display: block;
  position: relative; }
  .swatch-filter-surge.disabled {
    opacity: 0.2; }

.swatch-circle-swim,
.swatch-circle-swim.large-swatch:after {
  background-color: #a2dae8; }

.swatch-square-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2dae8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-swim.disabled {
    opacity: 0.2; }

.swatch-filter-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2dae8;
  border-radius: 0.69em;
  background-color: #a2dae8;
  display: block;
  position: relative; }
  .swatch-filter-swim.disabled {
    opacity: 0.2; }

.swatch-circle-tan,
.swatch-circle-tan.large-swatch:after {
  background-color: #d2ccb8; }

.swatch-square-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2ccb8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tan.disabled {
    opacity: 0.2; }

.swatch-filter-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2ccb8;
  border-radius: 0.69em;
  background-color: #d2ccb8;
  display: block;
  position: relative; }
  .swatch-filter-tan.disabled {
    opacity: 0.2; }

.swatch-circle-taro,
.swatch-circle-taro.large-swatch:after {
  background-color: #9f7ca6; }

.swatch-square-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9f7ca6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taro.disabled {
    opacity: 0.2; }

.swatch-filter-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9f7ca6;
  border-radius: 0.69em;
  background-color: #9f7ca6;
  display: block;
  position: relative; }
  .swatch-filter-taro.disabled {
    opacity: 0.2; }

.swatch-circle-tarragon,
.swatch-circle-tarragon.large-swatch:after {
  background-color: #aabc59; }

.swatch-square-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aabc59;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tarragon.disabled {
    opacity: 0.2; }

.swatch-filter-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aabc59;
  border-radius: 0.69em;
  background-color: #aabc59;
  display: block;
  position: relative; }
  .swatch-filter-tarragon.disabled {
    opacity: 0.2; }

.swatch-circle-taupe,
.swatch-circle-taupe.large-swatch:after {
  background-color: #c9c2b0; }

.swatch-square-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9c2b0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taupe.disabled {
    opacity: 0.2; }

.swatch-filter-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9c2b0;
  border-radius: 0.69em;
  background-color: #c9c2b0;
  display: block;
  position: relative; }
  .swatch-filter-taupe.disabled {
    opacity: 0.2; }

.swatch-circle-teal,
.swatch-circle-teal.large-swatch:after {
  background-color: #2e6464; }

.swatch-square-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2e6464;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-teal.disabled {
    opacity: 0.2; }

.swatch-filter-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2e6464;
  border-radius: 0.69em;
  background-color: #2e6464;
  display: block;
  position: relative; }
  .swatch-filter-teal.disabled {
    opacity: 0.2; }

.swatch-circle-technoblue,
.swatch-circle-technoblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-technoblue.disabled {
    opacity: 0.2; }

.swatch-filter-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-technoblue.disabled {
    opacity: 0.2; }

.swatch-circle-titanium,
.swatch-circle-titanium.large-swatch:after {
  background-color: #222325; }

.swatch-square-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #222325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-titanium.disabled {
    opacity: 0.2; }

.swatch-filter-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #222325;
  border-radius: 0.69em;
  background-color: #222325;
  display: block;
  position: relative; }
  .swatch-filter-titanium.disabled {
    opacity: 0.2; }

.swatch-circle-toffee,
.swatch-circle-toffee.large-swatch:after {
  background-color: #965224; }

.swatch-square-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #965224;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-toffee.disabled {
    opacity: 0.2; }

.swatch-filter-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #965224;
  border-radius: 0.69em;
  background-color: #965224;
  display: block;
  position: relative; }
  .swatch-filter-toffee.disabled {
    opacity: 0.2; }

.swatch-circle-topaz,
.swatch-circle-topaz.large-swatch:after {
  background-color: #0098cd; }

.swatch-square-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-topaz.disabled {
    opacity: 0.2; }

.swatch-filter-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098cd;
  border-radius: 0.69em;
  background-color: #0098cd;
  display: block;
  position: relative; }
  .swatch-filter-topaz.disabled {
    opacity: 0.2; }

.swatch-circle-tourmaline,
.swatch-circle-tourmaline.large-swatch:after {
  background-color: #afdce2; }

.swatch-square-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #afdce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tourmaline.disabled {
    opacity: 0.2; }

.swatch-filter-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #afdce2;
  border-radius: 0.69em;
  background-color: #afdce2;
  display: block;
  position: relative; }
  .swatch-filter-tourmaline.disabled {
    opacity: 0.2; }

.swatch-circle-translucentwhite,
.swatch-circle-translucentwhite.large-swatch:after {
  background-color: #ccc; }

.swatch-square-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ccc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-filter-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ccc;
  border-radius: 0.69em;
  background-color: #ccc;
  display: block;
  position: relative; }
  .swatch-filter-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-circle-transparent,
.swatch-circle-transparent.large-swatch:after {
  background-color: #fcfcfc; }

.swatch-square-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcfcfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-transparent.disabled {
    opacity: 0.2; }

.swatch-filter-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcfcfc;
  border-radius: 0.69em;
  background-color: #fcfcfc;
  display: block;
  position: relative; }
  .swatch-filter-transparent.disabled {
    opacity: 0.2; }

.swatch-circle-uniformblue,
.swatch-circle-uniformblue.large-swatch:after {
  background-color: #233658; }

.swatch-square-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233658;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-uniformblue.disabled {
    opacity: 0.2; }

.swatch-filter-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233658;
  border-radius: 0.69em;
  background-color: #233658;
  display: block;
  position: relative; }
  .swatch-filter-uniformblue.disabled {
    opacity: 0.2; }

.swatch-circle-verryberry,
.swatch-circle-verryberry.large-swatch:after {
  background-color: #a73e77; }

.swatch-square-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a73e77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-verryberry.disabled {
    opacity: 0.2; }

.swatch-filter-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a73e77;
  border-radius: 0.69em;
  background-color: #a73e77;
  display: block;
  position: relative; }
  .swatch-filter-verryberry.disabled {
    opacity: 0.2; }

.swatch-circle-violet,
.swatch-circle-violet.large-swatch:after {
  background-color: #4814a0; }

.swatch-square-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4814a0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-violet.disabled {
    opacity: 0.2; }

.swatch-filter-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4814a0;
  border-radius: 0.69em;
  background-color: #4814a0;
  display: block;
  position: relative; }
  .swatch-filter-violet.disabled {
    opacity: 0.2; }

.swatch-circle-vividblue,
.swatch-circle-vividblue.large-swatch:after {
  background-color: #005ca8; }

.swatch-square-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #005ca8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-vividblue.disabled {
    opacity: 0.2; }

.swatch-filter-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #005ca8;
  border-radius: 0.69em;
  background-color: #005ca8;
  display: block;
  position: relative; }
  .swatch-filter-vividblue.disabled {
    opacity: 0.2; }

.swatch-circle-volta,
.swatch-circle-volta.large-swatch:after {
  background-color: #7d5ccb; }

.swatch-square-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7d5ccb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-volta.disabled {
    opacity: 0.2; }

.swatch-filter-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7d5ccb;
  border-radius: 0.69em;
  background-color: #7d5ccb;
  display: block;
  position: relative; }
  .swatch-filter-volta.disabled {
    opacity: 0.2; }

.swatch-circle-walnut,
.swatch-circle-walnut.large-swatch:after {
  background-color: #c2b499; }

.swatch-square-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2b499;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-walnut.disabled {
    opacity: 0.2; }

.swatch-filter-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2b499;
  border-radius: 0.69em;
  background-color: #c2b499;
  display: block;
  position: relative; }
  .swatch-filter-walnut.disabled {
    opacity: 0.2; }

.swatch-circle-waterfrontblue,
.swatch-circle-waterfrontblue.large-swatch:after {
  background-color: #456083; }

.swatch-square-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #456083;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-filter-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #456083;
  border-radius: 0.69em;
  background-color: #456083;
  display: block;
  position: relative; }
  .swatch-filter-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-circle-wauve,
.swatch-circle-wauve.large-swatch:after {
  background-color: #9e85a3; }

.swatch-square-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9e85a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-wauve.disabled {
    opacity: 0.2; }

.swatch-filter-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9e85a3;
  border-radius: 0.69em;
  background-color: #9e85a3;
  display: block;
  position: relative; }
  .swatch-filter-wauve.disabled {
    opacity: 0.2; }

.swatch-circle-white,
.swatch-circle-white.large-swatch:after {
  background-color: #fafafa; }

.swatch-square-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafafa;
  border-radius: 0.69em;
  background-color: #fafafa;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-whiteout,
.swatch-circle-whiteout.large-swatch:after {
  background-color: #f1eeed; }

.swatch-square-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eeed;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whiteout.disabled {
    opacity: 0.2; }

.swatch-filter-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eeed;
  border-radius: 0.69em;
  background-color: #f1eeed;
  display: block;
  position: relative; }
  .swatch-filter-whiteout.disabled {
    opacity: 0.2; }

.swatch-circle-whitepearl,
.swatch-circle-whitepearl.large-swatch:after {
  background-color: #c1c1c1; }

.swatch-square-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c1c1c1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whitepearl.disabled {
    opacity: 0.2; }

.swatch-filter-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c1c1c1;
  border-radius: 0.69em;
  background-color: #c1c1c1;
  display: block;
  position: relative; }
  .swatch-filter-whitepearl.disabled {
    opacity: 0.2; }

.swatch-circle-yellow,
.swatch-circle-yellow.large-swatch:after {
  background-color: #f2fa11; }

.swatch-square-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2fa11;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2fa11;
  border-radius: 0.69em;
  background-color: #f2fa11;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-yellowcab,
.swatch-circle-yellowcab.large-swatch:after {
  background-color: #ffcd00; }

.swatch-square-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffcd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellowcab.disabled {
    opacity: 0.2; }

.swatch-filter-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffcd00;
  border-radius: 0.69em;
  background-color: #ffcd00;
  display: block;
  position: relative; }
  .swatch-filter-yellowcab.disabled {
    opacity: 0.2; }

.swatch-circle-clear.large-swatch:after,
.product-tile__wrapper .swatch-circle-clear {
  background: linear-gradient(135deg, #dedede 0%, #fefefe 52%, #fefefe 69%, #f4f4f4 100%); }

.product-tile__wrapper .swatch-circle-blackwhite {
  background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%);
  border: 1px solid #ccc; }

.css-swatch-circle {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
  border: none;
  display: block;
  position: relative; }
  .css-swatch-circle.large-swatch {
    width: 3.25rem;
    height: 3.25rem;
    border: none;
    background-color: white; }
    .css-swatch-circle.large-swatch:after {
      content: '';
      display: block;
      width: 2.625rem;
      height: 2.625rem;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .css-swatch-circle.swatch-circle-white.large-swatch {
    background-color: #CCD1D6; }
  .css-swatch-circle.swatch-circle-clear.large-swatch {
    background-color: #F5F5F5; }
  .css-swatch-circle.swatch-circle-blackwhite {
    border: 1px solid #ddd; }
  .css-swatch-circle.swatch-circle-blackwhite:after {
    background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%); }

.swatch-circle-miscellaneous,
.swatch-square-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 1.375em;
  position: relative;
  transform: rotate(35deg);
  width: 1.375em; }
  .swatch-circle-miscellaneous.disabled,
  .swatch-square-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after,
  .swatch-square-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.swatch-square-miscellaneous {
  border-radius: 0;
  transform: unset; }
  .swatch-square-miscellaneous.selected::after {
    transform: unset; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.primary-images .thumbnail-carousel-container .slick-slide.slick-active img {
  opacity: 1; }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 99; }

.add-to-basket-alert {
  min-width: 18.75rem;
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 0.3125rem grey;
  padding: 0.8125rem 1.25rem 0.8125rem 4.3125rem;
  padding: 0.8125rem 3.75rem 0.8125rem 4.3125rem; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }
  .add-to-basket-alert.m-permanent {
    animation: none; }
  @media (min-width: 769px) {
    .add-to-basket-alert.alert-success {
      display: none; } }

.main-attributes {
  margin-top: 0; }
  .main-attributes .attribute-values:first-child {
    margin-top: 1rem; }

.attribute-row:not(.first) {
  margin-top: 1rem; }

.attribute-row.last {
  margin-bottom: 1rem; }

.attribute {
  margin-top: 0; }
  .attribute .non-input-label {
    display: none; }
  .attribute.attribute-color .non-input-label {
    display: block; }

.swatch-attribute {
  border: none;
  padding: 0;
  background: none; }

.swatch-attr-row {
  display: flex;
  flex-wrap: wrap; }

.swatch-attribute {
  display: block;
  min-width: 24.04726%;
  margin-bottom: 0.375rem;
  margin-right: 0.95274%; }
  .swatch-attribute .swatch-value {
    display: block; }
  .attribute-color .swatch-attribute {
    min-width: unset;
    margin-bottom: 0.375rem;
    margin-right: 0.625rem; }
  .swatch-attribute [data-swatch-type="color-swatch-css"],
  .swatch-attribute [data-swatch-type="color-swatch-img"] {
    position: relative; }
    .swatch-attribute [data-swatch-type="color-swatch-css"].selected:before,
    .swatch-attribute [data-swatch-type="color-swatch-img"].selected:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1.25rem;
      height: 1.25rem;
      background-color: var(--color-accent);
      background-image: url("../../images/icons/check-white.svg");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      border-radius: 50%; }
  .swatch-attribute [data-swatch-type="value-swatch"] {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    line-height: 1.25rem;
    color: var(--color-black);
    border: 0.125rem solid var(--color-grey400);
    padding: 0.625rem 1.25rem; }
    .swatch-attribute [data-swatch-type="value-swatch"].selected {
      border-color: var(--color-black); }

@media (max-width: 543.98px) {
  .cart-and-ipay {
    padding-bottom: 5px; } }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ACE8FA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ACE8FA;
  border-radius: 0.69em;
  background-color: #ACE8FA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #6FFB38;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #eee; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
    .choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      left: 0.295em;
      position: absolute; }
    .quick-view-dialog .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
      background: #fff;
      border-radius: 50%;
      color: #000;
      content: '\F058';
      display: table-caption;
      font-family: 'FontAwesome';
      font-size: 1.625em;
      height: 0.75em;
      left: 0.31em;
      line-height: 0.8em;
      position: absolute;
      top: 0.35em;
      width: 0.8em; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #AB2117; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.form-group.required .form-control-label::before {
  content: "*";
  color: #AB2117; }

.form-group > span:not(.info-icon) {
  font-size: 80%; }

.form-control {
  color: var(--color-grey6);
  background-color: var(--color-white); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--color-grey5); }

::placeholder,
.form-control::placeholder {
  color: var(--color-grey5); }

.floating-label {
  position: relative;
  margin-bottom: 0.625rem; }
  .floating-label .form-control {
    height: 3.75rem; }
  .floating-label label {
    font-size: 0.875rem;
    position: absolute;
    top: 0.9375rem;
    left: 0.75rem;
    margin: 0;
    opacity: 0;
    transition: all .3s ease; }
  .floating-label input {
    transition: all .3s ease; }
    .floating-label input:-webkit-autofill, .floating-label input:not(:placeholder-shown) {
      padding: 1.5rem 2.25rem 0.375rem 0.75rem;
      color: var(--color-black); }
      .floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
        transform: translateY(-0.625rem);
        opacity: 0.7;
        color: var(--color-grey5); }
  .floating-label select {
    color: var(--color-grey5);
    transition: all .3s ease; }
  .floating-label.focused select {
    padding: 1.5rem 2.25rem 0.375rem 0.75rem;
    color: var(--color-black); }
    .floating-label.focused select + label {
      transform: translateY(-0.625rem);
      opacity: 0.7;
      color: var(--color-grey5); }

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem); }

.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: 30em; }

.quick-view-dialog div.promotions {
  padding-top: 0; }
  .quick-view-dialog div.promotions div.collapsible-xl button.callout {
    display: flex;
    align-items: center;
    padding: 0;
    color: var(--skin-promo-color);
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    line-height: 1; }
    .quick-view-dialog div.promotions div.collapsible-xl button.callout:after {
      margin-left: 0.75rem;
      color: var(--color-black); }
  .quick-view-dialog div.promotions div.collapsible-xl .content {
    font-size: 0.875rem;
    text-align: left;
    margin-left: 1rem;
    margin-top: 0.625rem; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
[data-swatch-type="color-swatch-css"] {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: transparent;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  [data-swatch-type="color-swatch-css"]:before {
    content: '?';
    color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige:before {
    display: none; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-square-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black:before {
    display: none; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-square-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0870EA;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue:before {
    display: none; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-square-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0870EA;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0870EA;
  border-radius: 0.69em;
  background-color: #0870EA;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown:before {
    display: none; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-square-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #64ED73;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green:before {
    display: none; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-square-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #64ED73;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #64ED73;
  border-radius: 0.69em;
  background-color: #64ED73;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey:before {
    display: none; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-square-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy:before {
    display: none; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-square-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange:before {
    display: none; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-square-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink:before {
    display: none; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-square-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple:before {
    display: none; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-square-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red:before {
    display: none; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-square-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white:before {
    display: none; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-square-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow:before {
    display: none; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-square-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous,
.swatch-square-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled,
  .swatch-square-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after,
  .swatch-square-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.swatch-square-miscellaneous {
  border-radius: 0;
  transform: unset; }
  .swatch-square-miscellaneous.selected::after {
    transform: unset; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 767.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 768px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 768px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.primary-images .thumbnail-carousel-container .slick-slide.slick-active img {
  opacity: 1; }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 99; }

.add-to-basket-alert {
  min-width: 18.75rem;
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 0.3125rem grey;
  padding: 0.8125rem 1.25rem 0.8125rem 4.3125rem;
  padding: 0.8125rem 3.75rem 0.8125rem 4.3125rem; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }
  .add-to-basket-alert.m-permanent {
    animation: none; }
  @media (min-width: 768px) {
    .add-to-basket-alert.alert-success {
      display: none; } }

.main-attributes {
  margin-top: 0; }
  .main-attributes .attribute-values:first-child {
    margin-top: 1rem; }

.attribute-row:not(.first) {
  margin-top: 1rem; }

.attribute-row.last {
  margin-bottom: 1rem; }

.attribute {
  margin-top: 0; }
  .attribute .non-input-label {
    display: none; }
  .attribute.attribute-color .non-input-label {
    display: block; }

.swatch-attribute {
  border: none;
  padding: 0;
  background: none; }

.swatch-attr-row {
  display: flex;
  flex-wrap: wrap; }

.swatch-attribute {
  display: block;
  min-width: 24.04726%;
  margin-bottom: 0.375rem;
  margin-right: 0.95274%; }
  .swatch-attribute .swatch-value {
    display: block; }
  .attribute-color .swatch-attribute {
    min-width: unset;
    margin-bottom: 0.375rem;
    margin-right: 0.625rem; }
  .swatch-attribute [data-swatch-type="color-swatch-css"],
  .swatch-attribute [data-swatch-type="color-swatch-img"] {
    position: relative; }
    .swatch-attribute [data-swatch-type="color-swatch-css"].selected:before,
    .swatch-attribute [data-swatch-type="color-swatch-img"].selected:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1.25rem;
      height: 1.25rem;
      background-color: var(--color-accent);
      background-image: url("../../images/icons/check-white.svg");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      border-radius: 50%; }
  .swatch-attribute [data-swatch-type="value-swatch"] {
    font-family: "Neue Haas Grotesk Text Round Bold", sans-serif;
    font-weight: 700;
    line-height: 1.25rem;
    color: var(--color-black);
    border: 0.125rem solid var(--color-grey400);
    padding: 0.625rem 1.25rem; }
    .swatch-attribute [data-swatch-type="value-swatch"].selected {
      border-color: var(--color-black); }

#quickAddModal, #quickAddModalCompare {
  position: absolute;
  padding: 0 !important;
  overflow: visible;
  z-index: 5; }
  #quickAddModal .modal-dialog, #quickAddModalCompare .modal-dialog {
    max-width: none;
    margin: 0;
    width: 100%;
    height: 100%; }
    #quickAddModal .modal-dialog .modal-content, #quickAddModalCompare .modal-dialog .modal-content {
      border: 0.125rem solid var(--color-black);
      border-radius: 0;
      min-height: 100%; }
    #quickAddModal .modal-dialog .modal-header, #quickAddModalCompare .modal-dialog .modal-header {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      padding: 0;
      background: none;
      border: 0; }
      #quickAddModal .modal-dialog .modal-header .close, #quickAddModalCompare .modal-dialog .modal-header .close {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.875rem;
        margin: 0;
        opacity: 1; }
        #quickAddModal .modal-dialog .modal-header .close:before, #quickAddModalCompare .modal-dialog .modal-header .close:before {
          content: '';
          display: block;
          background-image: url("../../images/icons/close.svg");
          background-size: 0.9375rem;
          background-repeat: no-repeat;
          background-position: center;
          height: 1.875rem;
          width: 1.875rem; }
    #quickAddModal .modal-dialog .modal-body, #quickAddModalCompare .modal-dialog .modal-body {
      padding: 0;
      max-height: none;
      overflow: auto; }
    #quickAddModal .modal-dialog .primary-images, #quickAddModalCompare .modal-dialog .primary-images {
      padding: 0;
      flex: 1 0 100%;
      max-width: 100%; }
      #quickAddModal .modal-dialog .primary-images .main-carousel-container, #quickAddModalCompare .modal-dialog .primary-images .main-carousel-container {
        max-width: 100%;
        margin: 0; }
        #quickAddModal .modal-dialog .primary-images .main-carousel-container .carousel, #quickAddModalCompare .modal-dialog .primary-images .main-carousel-container .carousel {
          width: 100%; }
          #quickAddModal .modal-dialog .primary-images .main-carousel-container .carousel.slick-initialized + .placeholder, #quickAddModalCompare .modal-dialog .primary-images .main-carousel-container .carousel.slick-initialized + .placeholder {
            display: none; }
    #quickAddModal .modal-dialog .prices,
    #quickAddModal .modal-dialog .prices .sales, #quickAddModalCompare .modal-dialog .prices,
    #quickAddModalCompare .modal-dialog .prices .sales {
      font-family: "Neue Haas Grotesk Text Round Bold", sans-serif;
      font-weight: 700;
      font-size: 1.125rem; }
    #quickAddModal .modal-dialog .prices, #quickAddModalCompare .modal-dialog .prices {
      text-align: left;
      padding: 0.875rem 0 0; }
  #quickAddModal .global-availability, #quickAddModalCompare .global-availability {
    display: none; }
  #quickAddModal .modal-footer, #quickAddModalCompare .modal-footer {
    flex-wrap: wrap; }
    #quickAddModal .modal-footer > :not(:first-child),
    #quickAddModal .modal-footer > :not(:last-child), #quickAddModalCompare .modal-footer > :not(:first-child),
    #quickAddModalCompare .modal-footer > :not(:last-child) {
      margin: 0; }
  #quickAddModal .button-block, #quickAddModalCompare .button-block {
    padding: 0; }
  #quickAddModal .add-to-cart-global, #quickAddModalCompare .add-to-cart-global {
    width: 100%; }
  #quickAddModal .full-pdp-btn, #quickAddModalCompare .full-pdp-btn {
    width: 100%;
    text-decoration: none; }
  #quickAddModal .view-details, #quickAddModalCompare .view-details {
    width: 100%; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
[data-swatch-type="color-swatch-css"] {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: transparent;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  [data-swatch-type="color-swatch-css"]:before {
    content: '?';
    color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.swatch-circle-air,
.swatch-circle-air.large-swatch:after {
  background-color: #d7e6f6; }

.swatch-square-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e6f6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-air.disabled {
    opacity: 0.2; }

.swatch-filter-air {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e6f6;
  border-radius: 0.69em;
  background-color: #d7e6f6;
  display: block;
  position: relative; }
  .swatch-filter-air.disabled {
    opacity: 0.2; }

.swatch-circle-amparoblue,
.swatch-circle-amparoblue.large-swatch:after {
  background-color: #2a4f92; }

.swatch-square-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2a4f92;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-amparoblue.disabled {
    opacity: 0.2; }

.swatch-filter-amparoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2a4f92;
  border-radius: 0.69em;
  background-color: #2a4f92;
  display: block;
  position: relative; }
  .swatch-filter-amparoblue.disabled {
    opacity: 0.2; }

.swatch-circle-apple,
.swatch-circle-apple.large-swatch:after {
  background-color: #80ad2f; }

.swatch-square-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #80ad2f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-apple.disabled {
    opacity: 0.2; }

.swatch-filter-apple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #80ad2f;
  border-radius: 0.69em;
  background-color: #80ad2f;
  display: block;
  position: relative; }
  .swatch-filter-apple.disabled {
    opacity: 0.2; }

.swatch-circle-appleblue,
.swatch-circle-appleblue.large-swatch:after {
  background-color: #5bb4e5; }

.swatch-square-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5bb4e5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-appleblue.disabled {
    opacity: 0.2; }

.swatch-filter-appleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5bb4e5;
  border-radius: 0.69em;
  background-color: #5bb4e5;
  display: block;
  position: relative; }
  .swatch-filter-appleblue.disabled {
    opacity: 0.2; }

.swatch-circle-applepink,
.swatch-circle-applepink.large-swatch:after {
  background-color: #e87ea6; }

.swatch-square-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e87ea6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-applepink.disabled {
    opacity: 0.2; }

.swatch-filter-applepink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e87ea6;
  border-radius: 0.69em;
  background-color: #e87ea6;
  display: block;
  position: relative; }
  .swatch-filter-applepink.disabled {
    opacity: 0.2; }

.swatch-circle-aqua,
.swatch-circle-aqua.large-swatch:after {
  background-color: #63bdd2; }

.swatch-square-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #63bdd2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aqua.disabled {
    opacity: 0.2; }

.swatch-filter-aqua {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #63bdd2;
  border-radius: 0.69em;
  background-color: #63bdd2;
  display: block;
  position: relative; }
  .swatch-filter-aqua.disabled {
    opacity: 0.2; }

.swatch-circle-arborgreen,
.swatch-circle-arborgreen.large-swatch:after {
  background-color: #aab556; }

.swatch-square-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aab556;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-arborgreen.disabled {
    opacity: 0.2; }

.swatch-filter-arborgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aab556;
  border-radius: 0.69em;
  background-color: #aab556;
  display: block;
  position: relative; }
  .swatch-filter-arborgreen.disabled {
    opacity: 0.2; }

.swatch-circle-ash,
.swatch-circle-ash.large-swatch:after {
  background-color: #3b3b3b; }

.swatch-square-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3b3b3b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ash.disabled {
    opacity: 0.2; }

.swatch-filter-ash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3b3b3b;
  border-radius: 0.69em;
  background-color: #3b3b3b;
  display: block;
  position: relative; }
  .swatch-filter-ash.disabled {
    opacity: 0.2; }

.swatch-circle-aubergine,
.swatch-circle-aubergine.large-swatch:after {
  background-color: #522955; }

.swatch-square-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #522955;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-aubergine.disabled {
    opacity: 0.2; }

.swatch-filter-aubergine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #522955;
  border-radius: 0.69em;
  background-color: #522955;
  display: block;
  position: relative; }
  .swatch-filter-aubergine.disabled {
    opacity: 0.2; }

.swatch-circle-azalea,
.swatch-circle-azalea.large-swatch:after {
  background-color: #991e66; }

.swatch-square-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #991e66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-azalea.disabled {
    opacity: 0.2; }

.swatch-filter-azalea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #991e66;
  border-radius: 0.69em;
  background-color: #991e66;
  display: block;
  position: relative; }
  .swatch-filter-azalea.disabled {
    opacity: 0.2; }

.swatch-circle-beatenpath,
.swatch-circle-beatenpath.large-swatch:after {
  background-color: #534a48; }

.swatch-square-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534a48;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beatenpath.disabled {
    opacity: 0.2; }

.swatch-filter-beatenpath {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534a48;
  border-radius: 0.69em;
  background-color: #534a48;
  display: block;
  position: relative; }
  .swatch-filter-beatenpath.disabled {
    opacity: 0.2; }

.swatch-circle-beige,
.swatch-circle-beige.large-swatch:after {
  background-color: #cfc8b2; }

.swatch-square-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cfc8b2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cfc8b2;
  border-radius: 0.69em;
  background-color: #cfc8b2;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-berry,
.swatch-circle-berry.large-swatch:after {
  background-color: #bd4097; }

.swatch-square-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bd4097;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-berry.disabled {
    opacity: 0.2; }

.swatch-filter-berry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bd4097;
  border-radius: 0.69em;
  background-color: #bd4097;
  display: block;
  position: relative; }
  .swatch-filter-berry.disabled {
    opacity: 0.2; }

.swatch-circle-black,
.swatch-circle-black.large-swatch:after {
  background-color: black; }

.swatch-square-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: black;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: black;
  border-radius: 0.69em;
  background-color: black;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blackchrome,
.swatch-circle-blackchrome.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackchrome.disabled {
    opacity: 0.2; }

.swatch-filter-blackchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackchrome.disabled {
    opacity: 0.2; }

.swatch-circle-blackpearl,
.swatch-circle-blackpearl.large-swatch:after {
  background-color: #1f2325; }

.swatch-square-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1f2325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blackpearl.disabled {
    opacity: 0.2; }

.swatch-filter-blackpearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1f2325;
  border-radius: 0.69em;
  background-color: #1f2325;
  display: block;
  position: relative; }
  .swatch-filter-blackpearl.disabled {
    opacity: 0.2; }

.swatch-circle-blacktop,
.swatch-circle-blacktop.large-swatch:after {
  background-color: #333235; }

.swatch-square-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blacktop.disabled {
    opacity: 0.2; }

.swatch-filter-blacktop {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-blacktop.disabled {
    opacity: 0.2; }

.swatch-circle-blue,
.swatch-circle-blue.large-swatch:after {
  background-color: #00549c; }

.swatch-square-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00549c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00549c;
  border-radius: 0.69em;
  background-color: #00549c;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-blueprint,
.swatch-circle-blueprint.large-swatch:after {
  background-color: #445587; }

.swatch-square-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #445587;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blueprint.disabled {
    opacity: 0.2; }

.swatch-filter-blueprint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #445587;
  border-radius: 0.69em;
  background-color: #445587;
  display: block;
  position: relative; }
  .swatch-filter-blueprint.disabled {
    opacity: 0.2; }

.swatch-circle-bluesail,
.swatch-circle-bluesail.large-swatch:after {
  background-color: #3e7dca; }

.swatch-square-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3e7dca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bluesail.disabled {
    opacity: 0.2; }

.swatch-filter-bluesail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3e7dca;
  border-radius: 0.69em;
  background-color: #3e7dca;
  display: block;
  position: relative; }
  .swatch-filter-bluesail.disabled {
    opacity: 0.2; }

.swatch-circle-blush,
.swatch-circle-blush.large-swatch:after {
  background-color: #ff5e3c; }

.swatch-square-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff5e3c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blush.disabled {
    opacity: 0.2; }

.swatch-filter-blush {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff5e3c;
  border-radius: 0.69em;
  background-color: #ff5e3c;
  display: block;
  position: relative; }
  .swatch-filter-blush.disabled {
    opacity: 0.2; }

.swatch-circle-blushpink,
.swatch-circle-blushpink.large-swatch:after {
  background-color: #fedfd8; }

.swatch-square-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fedfd8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-blushpink.disabled {
    opacity: 0.2; }

.swatch-filter-blushpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fedfd8;
  border-radius: 0.69em;
  background-color: #fedfd8;
  display: block;
  position: relative; }
  .swatch-filter-blushpink.disabled {
    opacity: 0.2; }

.swatch-circle-bone,
.swatch-circle-bone.large-swatch:after {
  background-color: #eae9e7; }

.swatch-square-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #eae9e7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bone.disabled {
    opacity: 0.2; }

.swatch-filter-bone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #eae9e7;
  border-radius: 0.69em;
  background-color: #eae9e7;
  display: block;
  position: relative; }
  .swatch-filter-bone.disabled {
    opacity: 0.2; }

.swatch-circle-brightblue,
.swatch-circle-brightblue.large-swatch:after {
  background-color: #2c5697; }

.swatch-square-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c5697;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightblue.disabled {
    opacity: 0.2; }

.swatch-filter-brightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c5697;
  border-radius: 0.69em;
  background-color: #2c5697;
  display: block;
  position: relative; }
  .swatch-filter-brightblue.disabled {
    opacity: 0.2; }

.swatch-circle-brightpink,
.swatch-circle-brightpink.large-swatch:after {
  background-color: #d7387a; }

.swatch-square-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7387a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightpink.disabled {
    opacity: 0.2; }

.swatch-filter-brightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7387a;
  border-radius: 0.69em;
  background-color: #d7387a;
  display: block;
  position: relative; }
  .swatch-filter-brightpink.disabled {
    opacity: 0.2; }

.swatch-circle-brightred,
.swatch-circle-brightred.large-swatch:after {
  background-color: #d01e28; }

.swatch-square-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d01e28;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brightred.disabled {
    opacity: 0.2; }

.swatch-filter-brightred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d01e28;
  border-radius: 0.69em;
  background-color: #d01e28;
  display: block;
  position: relative; }
  .swatch-filter-brightred.disabled {
    opacity: 0.2; }

.swatch-circle-brown,
.swatch-circle-brown.large-swatch:after {
  background-color: #543024; }

.swatch-square-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #543024;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #543024;
  border-radius: 0.69em;
  background-color: #543024;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-bubblegum,
.swatch-circle-bubblegum.large-swatch:after {
  background-color: #f66a8e; }

.swatch-square-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f66a8e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-bubblegum.disabled {
    opacity: 0.2; }

.swatch-filter-bubblegum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f66a8e;
  border-radius: 0.69em;
  background-color: #f66a8e;
  display: block;
  position: relative; }
  .swatch-filter-bubblegum.disabled {
    opacity: 0.2; }

.swatch-circle-burgandy,
.swatch-circle-burgandy.large-swatch:after {
  background-color: #8b3744; }

.swatch-square-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burgandy.disabled {
    opacity: 0.2; }

.swatch-filter-burgandy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b3744;
  border-radius: 0.69em;
  background-color: #8b3744;
  display: block;
  position: relative; }
  .swatch-filter-burgandy.disabled {
    opacity: 0.2; }

.swatch-circle-burntorange,
.swatch-circle-burntorange.large-swatch:after {
  background-color: #f07515; }

.swatch-square-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f07515;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-burntorange.disabled {
    opacity: 0.2; }

.swatch-filter-burntorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f07515;
  border-radius: 0.69em;
  background-color: #f07515;
  display: block;
  position: relative; }
  .swatch-filter-burntorange.disabled {
    opacity: 0.2; }

.swatch-circle-cabernet,
.swatch-circle-cabernet.large-swatch:after {
  background-color: #c84c4a; }

.swatch-square-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c84c4a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cabernet.disabled {
    opacity: 0.2; }

.swatch-filter-cabernet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c84c4a;
  border-radius: 0.69em;
  background-color: #c84c4a;
  display: block;
  position: relative; }
  .swatch-filter-cabernet.disabled {
    opacity: 0.2; }

.swatch-circle-cameopink,
.swatch-circle-cameopink.large-swatch:after {
  background-color: #deaec2; }

.swatch-square-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #deaec2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cameopink.disabled {
    opacity: 0.2; }

.swatch-filter-cameopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #deaec2;
  border-radius: 0.69em;
  background-color: #deaec2;
  display: block;
  position: relative; }
  .swatch-filter-cameopink.disabled {
    opacity: 0.2; }

.swatch-circle-candyred,
.swatch-circle-candyred.large-swatch:after {
  background-color: #c10336; }

.swatch-square-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c10336;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-candyred.disabled {
    opacity: 0.2; }

.swatch-filter-candyred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c10336;
  border-radius: 0.69em;
  background-color: #c10336;
  display: block;
  position: relative; }
  .swatch-filter-candyred.disabled {
    opacity: 0.2; }

.swatch-circle-canyon,
.swatch-circle-canyon.large-swatch:after {
  background-color: #7e4e33; }

.swatch-square-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7e4e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-canyon.disabled {
    opacity: 0.2; }

.swatch-filter-canyon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7e4e33;
  border-radius: 0.69em;
  background-color: #7e4e33;
  display: block;
  position: relative; }
  .swatch-filter-canyon.disabled {
    opacity: 0.2; }

.swatch-circle-carbon,
.swatch-circle-carbon.large-swatch:after {
  background-color: #3c3744; }

.swatch-square-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c3744;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carbon.disabled {
    opacity: 0.2; }

.swatch-filter-carbon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c3744;
  border-radius: 0.69em;
  background-color: #3c3744;
  display: block;
  position: relative; }
  .swatch-filter-carbon.disabled {
    opacity: 0.2; }

.swatch-circle-carmine,
.swatch-circle-carmine.large-swatch:after {
  background-color: #be0f34; }

.swatch-square-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #be0f34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carmine.disabled {
    opacity: 0.2; }

.swatch-filter-carmine {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #be0f34;
  border-radius: 0.69em;
  background-color: #be0f34;
  display: block;
  position: relative; }
  .swatch-filter-carmine.disabled {
    opacity: 0.2; }

.swatch-circle-carnation,
.swatch-circle-carnation.large-swatch:after {
  background-color: #ffa1a3; }

.swatch-square-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffa1a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-carnation.disabled {
    opacity: 0.2; }

.swatch-filter-carnation {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa1a3;
  border-radius: 0.69em;
  background-color: #ffa1a3;
  display: block;
  position: relative; }
  .swatch-filter-carnation.disabled {
    opacity: 0.2; }

.swatch-circle-caviar,
.swatch-circle-caviar.large-swatch:after {
  background-color: #333235; }

.swatch-square-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #333235;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-caviar.disabled {
    opacity: 0.2; }

.swatch-filter-caviar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #333235;
  border-radius: 0.69em;
  background-color: #333235;
  display: block;
  position: relative; }
  .swatch-filter-caviar.disabled {
    opacity: 0.2; }

.swatch-circle-cedar,
.swatch-circle-cedar.large-swatch:after {
  background-color: #b28d73; }

.swatch-square-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b28d73;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cedar.disabled {
    opacity: 0.2; }

.swatch-filter-cedar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b28d73;
  border-radius: 0.69em;
  background-color: #b28d73;
  display: block;
  position: relative; }
  .swatch-filter-cedar.disabled {
    opacity: 0.2; }

.swatch-circle-celadon,
.swatch-circle-celadon.large-swatch:after {
  background-color: #cbda89; }

.swatch-square-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cbda89;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-celadon.disabled {
    opacity: 0.2; }

.swatch-filter-celadon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cbda89;
  border-radius: 0.69em;
  background-color: #cbda89;
  display: block;
  position: relative; }
  .swatch-filter-celadon.disabled {
    opacity: 0.2; }

.swatch-circle-charcoal,
.swatch-circle-charcoal.large-swatch:after {
  background-color: #534f50; }

.swatch-square-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #534f50;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-charcoal.disabled {
    opacity: 0.2; }

.swatch-filter-charcoal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #534f50;
  border-radius: 0.69em;
  background-color: #534f50;
  display: block;
  position: relative; }
  .swatch-filter-charcoal.disabled {
    opacity: 0.2; }

.swatch-circle-cherryblossom,
.swatch-circle-cherryblossom.large-swatch:after {
  background-color: #f9a8a3; }

.swatch-square-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9a8a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-filter-cherryblossom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9a8a3;
  border-radius: 0.69em;
  background-color: #f9a8a3;
  display: block;
  position: relative; }
  .swatch-filter-cherryblossom.disabled {
    opacity: 0.2; }

.swatch-circle-chilipepper,
.swatch-circle-chilipepper.large-swatch:after {
  background-color: #9b2242; }

.swatch-square-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9b2242;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chilipepper.disabled {
    opacity: 0.2; }

.swatch-filter-chilipepper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9b2242;
  border-radius: 0.69em;
  background-color: #9b2242;
  display: block;
  position: relative; }
  .swatch-filter-chilipepper.disabled {
    opacity: 0.2; }

.swatch-circle-chocolate,
.swatch-circle-chocolate.large-swatch:after {
  background-color: #413231; }

.swatch-square-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-chocolate.disabled {
    opacity: 0.2; }

.swatch-filter-chocolate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-chocolate.disabled {
    opacity: 0.2; }

.swatch-circle-citron,
.swatch-circle-citron.large-swatch:after {
  background-color: #e2a21c; }

.swatch-square-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e2a21c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citron.disabled {
    opacity: 0.2; }

.swatch-filter-citron {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e2a21c;
  border-radius: 0.69em;
  background-color: #e2a21c;
  display: block;
  position: relative; }
  .swatch-filter-citron.disabled {
    opacity: 0.2; }

.swatch-circle-citrus,
.swatch-circle-citrus.large-swatch:after {
  background-color: #fcdc41; }

.swatch-square-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcdc41;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrus.disabled {
    opacity: 0.2; }

.swatch-filter-citrus {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcdc41;
  border-radius: 0.69em;
  background-color: #fcdc41;
  display: block;
  position: relative; }
  .swatch-filter-citrus.disabled {
    opacity: 0.2; }

.swatch-circle-citrusyellow,
.swatch-circle-citrusyellow.large-swatch:after {
  background-color: #e1d761; }

.swatch-square-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e1d761;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-filter-citrusyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e1d761;
  border-radius: 0.69em;
  background-color: #e1d761;
  display: block;
  position: relative; }
  .swatch-filter-citrusyellow.disabled {
    opacity: 0.2; }

.swatch-circle-civicblue,
.swatch-circle-civicblue.large-swatch:after {
  background-color: #004e94; }

.swatch-square-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #004e94;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-civicblue.disabled {
    opacity: 0.2; }

.swatch-filter-civicblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #004e94;
  border-radius: 0.69em;
  background-color: #004e94;
  display: block;
  position: relative; }
  .swatch-filter-civicblue.disabled {
    opacity: 0.2; }

.swatch-circle-clear,
.swatch-circle-clear.large-swatch:after {
  background-color: #fefefe; }

.swatch-square-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fefefe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-clear.disabled {
    opacity: 0.2; }

.swatch-filter-clear {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fefefe;
  border-radius: 0.69em;
  background-color: #fefefe;
  display: block;
  position: relative; }
  .swatch-filter-clear.disabled {
    opacity: 0.2; }

.swatch-circle-cloud,
.swatch-circle-cloud.large-swatch:after {
  background-color: #fafbfc; }

.swatch-square-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafbfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cloud.disabled {
    opacity: 0.2; }

.swatch-filter-cloud {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafbfc;
  border-radius: 0.69em;
  background-color: #fafbfc;
  display: block;
  position: relative; }
  .swatch-filter-cloud.disabled {
    opacity: 0.2; }

.swatch-circle-cocktail,
.swatch-circle-cocktail.large-swatch:after {
  background-color: #da5a90; }

.swatch-square-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #da5a90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cocktail.disabled {
    opacity: 0.2; }

.swatch-filter-cocktail {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #da5a90;
  border-radius: 0.69em;
  background-color: #da5a90;
  display: block;
  position: relative; }
  .swatch-filter-cocktail.disabled {
    opacity: 0.2; }

.swatch-circle-coffeebean,
.swatch-circle-coffeebean.large-swatch:after {
  background-color: #4e372b; }

.swatch-square-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4e372b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coffeebean.disabled {
    opacity: 0.2; }

.swatch-filter-coffeebean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4e372b;
  border-radius: 0.69em;
  background-color: #4e372b;
  display: block;
  position: relative; }
  .swatch-filter-coffeebean.disabled {
    opacity: 0.2; }

.swatch-circle-copper,
.swatch-circle-copper.large-swatch:after {
  background-color: #935d32; }

.swatch-square-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #935d32;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copper.disabled {
    opacity: 0.2; }

.swatch-filter-copper {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #935d32;
  border-radius: 0.69em;
  background-color: #935d32;
  display: block;
  position: relative; }
  .swatch-filter-copper.disabled {
    opacity: 0.2; }

.swatch-circle-copperchrome,
.swatch-circle-copperchrome.large-swatch:after {
  background-color: #6e5a51; }

.swatch-square-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6e5a51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-copperchrome.disabled {
    opacity: 0.2; }

.swatch-filter-copperchrome {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6e5a51;
  border-radius: 0.69em;
  background-color: #6e5a51;
  display: block;
  position: relative; }
  .swatch-filter-copperchrome.disabled {
    opacity: 0.2; }

.swatch-circle-coral,
.swatch-circle-coral.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coral.disabled {
    opacity: 0.2; }

.swatch-filter-coral {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coral.disabled {
    opacity: 0.2; }

.swatch-circle-coralpink,
.swatch-circle-coralpink.large-swatch:after {
  background-color: #e91c6a; }

.swatch-square-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e91c6a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-coralpink.disabled {
    opacity: 0.2; }

.swatch-filter-coralpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e91c6a;
  border-radius: 0.69em;
  background-color: #e91c6a;
  display: block;
  position: relative; }
  .swatch-filter-coralpink.disabled {
    opacity: 0.2; }

.swatch-circle-cornerstone,
.swatch-circle-cornerstone.large-swatch:after {
  background-color: #696c71; }

.swatch-square-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #696c71;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cornerstone.disabled {
    opacity: 0.2; }

.swatch-filter-cornerstone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #696c71;
  border-radius: 0.69em;
  background-color: #696c71;
  display: block;
  position: relative; }
  .swatch-filter-cornerstone.disabled {
    opacity: 0.2; }

.swatch-circle-cream,
.swatch-circle-cream.large-swatch:after {
  background-color: #ded4c4; }

.swatch-square-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ded4c4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cream.disabled {
    opacity: 0.2; }

.swatch-filter-cream {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ded4c4;
  border-radius: 0.69em;
  background-color: #ded4c4;
  display: block;
  position: relative; }
  .swatch-filter-cream.disabled {
    opacity: 0.2; }

.swatch-circle-cyan,
.swatch-circle-cyan.large-swatch:after {
  background-color: #258ec1; }

.swatch-square-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #258ec1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-cyan.disabled {
    opacity: 0.2; }

.swatch-filter-cyan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #258ec1;
  border-radius: 0.69em;
  background-color: #258ec1;
  display: block;
  position: relative; }
  .swatch-filter-cyan.disabled {
    opacity: 0.2; }

.swatch-circle-dahlia,
.swatch-circle-dahlia.large-swatch:after {
  background-color: #7c4386; }

.swatch-square-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7c4386;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dahlia.disabled {
    opacity: 0.2; }

.swatch-filter-dahlia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7c4386;
  border-radius: 0.69em;
  background-color: #7c4386;
  display: block;
  position: relative; }
  .swatch-filter-dahlia.disabled {
    opacity: 0.2; }

.swatch-circle-darkblue,
.swatch-circle-darkblue.large-swatch:after {
  background-color: #3c4564; }

.swatch-square-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c4564;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkblue.disabled {
    opacity: 0.2; }

.swatch-filter-darkblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c4564;
  border-radius: 0.69em;
  background-color: #3c4564;
  display: block;
  position: relative; }
  .swatch-filter-darkblue.disabled {
    opacity: 0.2; }

.swatch-circle-darkbrown,
.swatch-circle-darkbrown.large-swatch:after {
  background-color: #413231; }

.swatch-square-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #413231;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkbrown.disabled {
    opacity: 0.2; }

.swatch-filter-darkbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #413231;
  border-radius: 0.69em;
  background-color: #413231;
  display: block;
  position: relative; }
  .swatch-filter-darkbrown.disabled {
    opacity: 0.2; }

.swatch-circle-darkgray,
.swatch-circle-darkgray.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgray.disabled {
    opacity: 0.2; }

.swatch-filter-darkgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darkgray.disabled {
    opacity: 0.2; }

.swatch-circle-darkgreen,
.swatch-circle-darkgreen.large-swatch:after {
  background-color: #006e33; }

.swatch-square-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #006e33;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkgreen.disabled {
    opacity: 0.2; }

.swatch-filter-darkgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #006e33;
  border-radius: 0.69em;
  background-color: #006e33;
  display: block;
  position: relative; }
  .swatch-filter-darkgreen.disabled {
    opacity: 0.2; }

.swatch-circle-darklines,
.swatch-circle-darklines.large-swatch:after {
  background-color: #524d53; }

.swatch-square-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #524d53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darklines.disabled {
    opacity: 0.2; }

.swatch-filter-darklines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #524d53;
  border-radius: 0.69em;
  background-color: #524d53;
  display: block;
  position: relative; }
  .swatch-filter-darklines.disabled {
    opacity: 0.2; }

.swatch-circle-darkpurple,
.swatch-circle-darkpurple.large-swatch:after {
  background-color: #503265; }

.swatch-square-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #503265;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darkpurple.disabled {
    opacity: 0.2; }

.swatch-filter-darkpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #503265;
  border-radius: 0.69em;
  background-color: #503265;
  display: block;
  position: relative; }
  .swatch-filter-darkpurple.disabled {
    opacity: 0.2; }

.swatch-circle-darksky,
.swatch-circle-darksky.large-swatch:after {
  background-color: #000000; }

.swatch-square-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-darksky.disabled {
    opacity: 0.2; }

.swatch-filter-darksky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000000;
  border-radius: 0.69em;
  background-color: #000000;
  display: block;
  position: relative; }
  .swatch-filter-darksky.disabled {
    opacity: 0.2; }

.swatch-circle-dayglow,
.swatch-circle-dayglow.large-swatch:after {
  background-color: #ff14a3; }

.swatch-square-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff14a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dayglow.disabled {
    opacity: 0.2; }

.swatch-filter-dayglow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff14a3;
  border-radius: 0.69em;
  background-color: #ff14a3;
  display: block;
  position: relative; }
  .swatch-filter-dayglow.disabled {
    opacity: 0.2; }

.swatch-circle-deepsea,
.swatch-circle-deepsea.large-swatch:after {
  background-color: #13284c; }

.swatch-square-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #13284c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-deepsea.disabled {
    opacity: 0.2; }

.swatch-filter-deepsea {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #13284c;
  border-radius: 0.69em;
  background-color: #13284c;
  display: block;
  position: relative; }
  .swatch-filter-deepsea.disabled {
    opacity: 0.2; }

.swatch-circle-denim,
.swatch-circle-denim.large-swatch:after {
  background-color: #7590a8; }

.swatch-square-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7590a8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-denim.disabled {
    opacity: 0.2; }

.swatch-filter-denim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7590a8;
  border-radius: 0.69em;
  background-color: #7590a8;
  display: block;
  position: relative; }
  .swatch-filter-denim.disabled {
    opacity: 0.2; }

.swatch-circle-desertpink,
.swatch-circle-desertpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-desertpink.disabled {
    opacity: 0.2; }

.swatch-filter-desertpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-desertpink.disabled {
    opacity: 0.2; }

.swatch-circle-dove,
.swatch-circle-dove.large-swatch:after {
  background-color: #c2c0c3; }

.swatch-square-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2c0c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dove.disabled {
    opacity: 0.2; }

.swatch-filter-dove {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2c0c3;
  border-radius: 0.69em;
  background-color: #c2c0c3;
  display: block;
  position: relative; }
  .swatch-filter-dove.disabled {
    opacity: 0.2; }

.swatch-circle-dune,
.swatch-circle-dune.large-swatch:after {
  background-color: #69817e; }

.swatch-square-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69817e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-dune.disabled {
    opacity: 0.2; }

.swatch-filter-dune {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69817e;
  border-radius: 0.69em;
  background-color: #69817e;
  display: block;
  position: relative; }
  .swatch-filter-dune.disabled {
    opacity: 0.2; }

.swatch-circle-ecru,
.swatch-circle-ecru.large-swatch:after {
  background-color: #c0b29e; }

.swatch-square-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c0b29e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ecru.disabled {
    opacity: 0.2; }

.swatch-filter-ecru {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c0b29e;
  border-radius: 0.69em;
  background-color: #c0b29e;
  display: block;
  position: relative; }
  .swatch-filter-ecru.disabled {
    opacity: 0.2; }

.swatch-circle-electric,
.swatch-circle-electric.large-swatch:after {
  background-color: #ffe100; }

.swatch-square-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffe100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-electric.disabled {
    opacity: 0.2; }

.swatch-filter-electric {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffe100;
  border-radius: 0.69em;
  background-color: #ffe100;
  display: block;
  position: relative; }
  .swatch-filter-electric.disabled {
    opacity: 0.2; }

.swatch-circle-emerald,
.swatch-circle-emerald.large-swatch:after {
  background-color: #5ba590; }

.swatch-square-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5ba590;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-emerald.disabled {
    opacity: 0.2; }

.swatch-filter-emerald {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5ba590;
  border-radius: 0.69em;
  background-color: #5ba590;
  display: block;
  position: relative; }
  .swatch-filter-emerald.disabled {
    opacity: 0.2; }

.swatch-circle-equinox,
.swatch-circle-equinox.large-swatch:after {
  background-color: #2b1814; }

.swatch-square-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2b1814;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-equinox.disabled {
    opacity: 0.2; }

.swatch-filter-equinox {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2b1814;
  border-radius: 0.69em;
  background-color: #2b1814;
  display: block;
  position: relative; }
  .swatch-filter-equinox.disabled {
    opacity: 0.2; }

.swatch-circle-espresso,
.swatch-circle-espresso.large-swatch:after {
  background-color: #3f312e; }

.swatch-square-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f312e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-espresso.disabled {
    opacity: 0.2; }

.swatch-filter-espresso {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f312e;
  border-radius: 0.69em;
  background-color: #3f312e;
  display: block;
  position: relative; }
  .swatch-filter-espresso.disabled {
    opacity: 0.2; }

.swatch-circle-fade,
.swatch-circle-fade.large-swatch:after {
  background-color: #dddfd9; }

.swatch-square-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dddfd9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fade.disabled {
    opacity: 0.2; }

.swatch-filter-fade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dddfd9;
  border-radius: 0.69em;
  background-color: #dddfd9;
  display: block;
  position: relative; }
  .swatch-filter-fade.disabled {
    opacity: 0.2; }

.swatch-circle-fiesta,
.swatch-circle-fiesta.large-swatch:after {
  background-color: #dc291e; }

.swatch-square-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dc291e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fiesta.disabled {
    opacity: 0.2; }

.swatch-filter-fiesta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dc291e;
  border-radius: 0.69em;
  background-color: #dc291e;
  display: block;
  position: relative; }
  .swatch-filter-fiesta.disabled {
    opacity: 0.2; }

.swatch-circle-flamingopink,
.swatch-circle-flamingopink.large-swatch:after {
  background-color: #931d3f; }

.swatch-square-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #931d3f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flamingopink.disabled {
    opacity: 0.2; }

.swatch-filter-flamingopink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #931d3f;
  border-radius: 0.69em;
  background-color: #931d3f;
  display: block;
  position: relative; }
  .swatch-filter-flamingopink.disabled {
    opacity: 0.2; }

.swatch-circle-flash,
.swatch-circle-flash.large-swatch:after {
  background-color: #c2f03f; }

.swatch-square-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2f03f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flash.disabled {
    opacity: 0.2; }

.swatch-filter-flash {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2f03f;
  border-radius: 0.69em;
  background-color: #c2f03f;
  display: block;
  position: relative; }
  .swatch-filter-flash.disabled {
    opacity: 0.2; }

.swatch-circle-flintgray,
.swatch-circle-flintgray.large-swatch:after {
  background-color: #6c6c6c; }

.swatch-square-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c6c6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-flintgray.disabled {
    opacity: 0.2; }

.swatch-filter-flintgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c6c6c;
  border-radius: 0.69em;
  background-color: #6c6c6c;
  display: block;
  position: relative; }
  .swatch-filter-flintgray.disabled {
    opacity: 0.2; }

.swatch-circle-fountainblue,
.swatch-circle-fountainblue.large-swatch:after {
  background-color: #00b3aa; }

.swatch-square-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b3aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fountainblue.disabled {
    opacity: 0.2; }

.swatch-filter-fountainblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b3aa;
  border-radius: 0.69em;
  background-color: #00b3aa;
  display: block;
  position: relative; }
  .swatch-filter-fountainblue.disabled {
    opacity: 0.2; }

.swatch-circle-fresh,
.swatch-circle-fresh.large-swatch:after {
  background-color: #8fd400; }

.swatch-square-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8fd400;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fresh.disabled {
    opacity: 0.2; }

.swatch-filter-fresh {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8fd400;
  border-radius: 0.69em;
  background-color: #8fd400;
  display: block;
  position: relative; }
  .swatch-filter-fresh.disabled {
    opacity: 0.2; }

.swatch-circle-frostwhite,
.swatch-circle-frostwhite.large-swatch:after {
  background-color: #dadcdb; }

.swatch-square-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dadcdb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-frostwhite.disabled {
    opacity: 0.2; }

.swatch-filter-frostwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dadcdb;
  border-radius: 0.69em;
  background-color: #dadcdb;
  display: block;
  position: relative; }
  .swatch-filter-frostwhite.disabled {
    opacity: 0.2; }

.swatch-circle-fuchsia,
.swatch-circle-fuchsia.large-swatch:after {
  background-color: #af467f; }

.swatch-square-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #af467f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-fuchsia.disabled {
    opacity: 0.2; }

.swatch-filter-fuchsia {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #af467f;
  border-radius: 0.69em;
  background-color: #af467f;
  display: block;
  position: relative; }
  .swatch-filter-fuchsia.disabled {
    opacity: 0.2; }

.swatch-circle-garnet,
.swatch-circle-garnet.large-swatch:after {
  background-color: #5a2c34; }

.swatch-square-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5a2c34;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-garnet.disabled {
    opacity: 0.2; }

.swatch-filter-garnet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5a2c34;
  border-radius: 0.69em;
  background-color: #5a2c34;
  display: block;
  position: relative; }
  .swatch-filter-garnet.disabled {
    opacity: 0.2; }

.swatch-circle-glow,
.swatch-circle-glow.large-swatch:after {
  background-color: #bed600; }

.swatch-square-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed600;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-glow.disabled {
    opacity: 0.2; }

.swatch-filter-glow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed600;
  border-radius: 0.69em;
  background-color: #bed600;
  display: block;
  position: relative; }
  .swatch-filter-glow.disabled {
    opacity: 0.2; }

.swatch-circle-gold,
.swatch-circle-gold.large-swatch:after {
  background-color: #efe2d2; }

.swatch-square-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #efe2d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gold.disabled {
    opacity: 0.2; }

.swatch-filter-gold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #efe2d2;
  border-radius: 0.69em;
  background-color: #efe2d2;
  display: block;
  position: relative; }
  .swatch-filter-gold.disabled {
    opacity: 0.2; }

.swatch-circle-goldengarden,
.swatch-circle-goldengarden.large-swatch:after {
  background-color: #ffb100; }

.swatch-square-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffb100;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-goldengarden.disabled {
    opacity: 0.2; }

.swatch-filter-goldengarden {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffb100;
  border-radius: 0.69em;
  background-color: #ffb100;
  display: block;
  position: relative; }
  .swatch-filter-goldengarden.disabled {
    opacity: 0.2; }

.swatch-circle-grape,
.swatch-circle-grape.large-swatch:after {
  background-color: #3d1843; }

.swatch-square-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3d1843;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grape.disabled {
    opacity: 0.2; }

.swatch-filter-grape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3d1843;
  border-radius: 0.69em;
  background-color: #3d1843;
  display: block;
  position: relative; }
  .swatch-filter-grape.disabled {
    opacity: 0.2; }

.swatch-circle-grapefruit,
.swatch-circle-grapefruit.large-swatch:after {
  background-color: #f8799b; }

.swatch-square-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f8799b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grapefruit.disabled {
    opacity: 0.2; }

.swatch-filter-grapefruit {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f8799b;
  border-radius: 0.69em;
  background-color: #f8799b;
  display: block;
  position: relative; }
  .swatch-filter-grapefruit.disabled {
    opacity: 0.2; }

.swatch-circle-graphite,
.swatch-circle-graphite.large-swatch:after {
  background-color: #252525; }

.swatch-square-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #252525;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graphite.disabled {
    opacity: 0.2; }

.swatch-filter-graphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #252525;
  border-radius: 0.69em;
  background-color: #252525;
  display: block;
  position: relative; }
  .swatch-filter-graphite.disabled {
    opacity: 0.2; }

.swatch-circle-grassgreen,
.swatch-circle-grassgreen.large-swatch:after {
  background-color: #bed443; }

.swatch-square-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bed443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grassgreen.disabled {
    opacity: 0.2; }

.swatch-filter-grassgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bed443;
  border-radius: 0.69em;
  background-color: #bed443;
  display: block;
  position: relative; }
  .swatch-filter-grassgreen.disabled {
    opacity: 0.2; }

.swatch-circle-gravel,
.swatch-circle-gravel.large-swatch:after {
  background-color: #52565b; }

.swatch-square-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #52565b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gravel.disabled {
    opacity: 0.2; }

.swatch-filter-gravel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #52565b;
  border-radius: 0.69em;
  background-color: #52565b;
  display: block;
  position: relative; }
  .swatch-filter-gravel.disabled {
    opacity: 0.2; }

.swatch-circle-gray,
.swatch-circle-gray.large-swatch:after {
  background-color: #626567; }

.swatch-square-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-gray.disabled {
    opacity: 0.2; }

.swatch-filter-gray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-gray.disabled {
    opacity: 0.2; }

.swatch-circle-graywoven,
.swatch-circle-graywoven.large-swatch:after {
  background-color: #848486; }

.swatch-square-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #848486;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-graywoven.disabled {
    opacity: 0.2; }

.swatch-filter-graywoven {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #848486;
  border-radius: 0.69em;
  background-color: #848486;
  display: block;
  position: relative; }
  .swatch-filter-graywoven.disabled {
    opacity: 0.2; }

.swatch-circle-green,
.swatch-circle-green.large-swatch:after {
  background-color: #6FFB38; }

.swatch-square-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6FFB38;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6FFB38;
  border-radius: 0.69em;
  background-color: #6FFB38;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-green2,
.swatch-circle-green2.large-swatch:after {
  background-color: #8aaf6c; }

.swatch-square-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8aaf6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-green2.disabled {
    opacity: 0.2; }

.swatch-filter-green2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8aaf6c;
  border-radius: 0.69em;
  background-color: #8aaf6c;
  display: block;
  position: relative; }
  .swatch-filter-green2.disabled {
    opacity: 0.2; }

.swatch-circle-grey,
.swatch-circle-grey.large-swatch:after {
  background-color: #626567; }

.swatch-square-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626567;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626567;
  border-radius: 0.69em;
  background-color: #626567;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-hazard,
.swatch-circle-hazard.large-swatch:after {
  background-color: #ff545b; }

.swatch-square-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff545b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hazard.disabled {
    opacity: 0.2; }

.swatch-filter-hazard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff545b;
  border-radius: 0.69em;
  background-color: #ff545b;
  display: block;
  position: relative; }
  .swatch-filter-hazard.disabled {
    opacity: 0.2; }

.swatch-circle-hotpink,
.swatch-circle-hotpink.large-swatch:after {
  background-color: #ca2d7b; }

.swatch-square-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ca2d7b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hotpink.disabled {
    opacity: 0.2; }

.swatch-filter-hotpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ca2d7b;
  border-radius: 0.69em;
  background-color: #ca2d7b;
  display: block;
  position: relative; }
  .swatch-filter-hotpink.disabled {
    opacity: 0.2; }

.swatch-circle-hyperblue,
.swatch-circle-hyperblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-hyperblue.disabled {
    opacity: 0.2; }

.swatch-filter-hyperblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-hyperblue.disabled {
    opacity: 0.2; }

.swatch-circle-ice,
.swatch-circle-ice.large-swatch:after {
  background-color: #a4b7c8; }

.swatch-square-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a4b7c8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ice.disabled {
    opacity: 0.2; }

.swatch-filter-ice {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a4b7c8;
  border-radius: 0.69em;
  background-color: #a4b7c8;
  display: block;
  position: relative; }
  .swatch-filter-ice.disabled {
    opacity: 0.2; }

.swatch-circle-indigo,
.swatch-circle-indigo.large-swatch:after {
  background-color: #274374; }

.swatch-square-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274374;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigo.disabled {
    opacity: 0.2; }

.swatch-filter-indigo {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274374;
  border-radius: 0.69em;
  background-color: #274374;
  display: block;
  position: relative; }
  .swatch-filter-indigo.disabled {
    opacity: 0.2; }

.swatch-circle-indigoblue,
.swatch-circle-indigoblue.large-swatch:after {
  background-color: #233a7d; }

.swatch-square-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233a7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-indigoblue.disabled {
    opacity: 0.2; }

.swatch-filter-indigoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233a7d;
  border-radius: 0.69em;
  background-color: #233a7d;
  display: block;
  position: relative; }
  .swatch-filter-indigoblue.disabled {
    opacity: 0.2; }

.swatch-circle-infinitypool,
.swatch-circle-infinitypool.large-swatch:after {
  background-color: #00646b; }

.swatch-square-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00646b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infinitypool.disabled {
    opacity: 0.2; }

.swatch-filter-infinitypool {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00646b;
  border-radius: 0.69em;
  background-color: #00646b;
  display: block;
  position: relative; }
  .swatch-filter-infinitypool.disabled {
    opacity: 0.2; }

.swatch-circle-infrared,
.swatch-circle-infrared.large-swatch:after {
  background-color: #a50320; }

.swatch-square-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50320;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-infrared.disabled {
    opacity: 0.2; }

.swatch-filter-infrared {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50320;
  border-radius: 0.69em;
  background-color: #a50320;
  display: block;
  position: relative; }
  .swatch-filter-infrared.disabled {
    opacity: 0.2; }

.swatch-circle-ink,
.swatch-circle-ink.large-swatch:after {
  background-color: #3f3a66; }

.swatch-square-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3a66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ink.disabled {
    opacity: 0.2; }

.swatch-filter-ink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3a66;
  border-radius: 0.69em;
  background-color: #3f3a66;
  display: block;
  position: relative; }
  .swatch-filter-ink.disabled {
    opacity: 0.2; }

.swatch-circle-ivory,
.swatch-circle-ivory.large-swatch:after {
  background-color: #fff6d5; }

.swatch-square-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fff6d5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ivory.disabled {
    opacity: 0.2; }

.swatch-filter-ivory {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff6d5;
  border-radius: 0.69em;
  background-color: #fff6d5;
  display: block;
  position: relative; }
  .swatch-filter-ivory.disabled {
    opacity: 0.2; }

.swatch-circle-jade,
.swatch-circle-jade.large-swatch:after {
  background-color: #00b38a; }

.swatch-square-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00b38a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jade.disabled {
    opacity: 0.2; }

.swatch-filter-jade {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00b38a;
  border-radius: 0.69em;
  background-color: #00b38a;
  display: block;
  position: relative; }
  .swatch-filter-jade.disabled {
    opacity: 0.2; }

.swatch-circle-jet,
.swatch-circle-jet.large-swatch:after {
  background-color: #3f3e44; }

.swatch-square-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3f3e44;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jet.disabled {
    opacity: 0.2; }

.swatch-filter-jet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3f3e44;
  border-radius: 0.69em;
  background-color: #3f3e44;
  display: block;
  position: relative; }
  .swatch-filter-jet.disabled {
    opacity: 0.2; }

.swatch-circle-jetsetred,
.swatch-circle-jetsetred.large-swatch:after {
  background-color: #930324; }

.swatch-square-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #930324;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-jetsetred.disabled {
    opacity: 0.2; }

.swatch-filter-jetsetred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #930324;
  border-radius: 0.69em;
  background-color: #930324;
  display: block;
  position: relative; }
  .swatch-filter-jetsetred.disabled {
    opacity: 0.2; }

.swatch-circle-julep,
.swatch-circle-julep.large-swatch:after {
  background-color: #a5d0d1; }

.swatch-square-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a5d0d1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-julep.disabled {
    opacity: 0.2; }

.swatch-filter-julep {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a5d0d1;
  border-radius: 0.69em;
  background-color: #a5d0d1;
  display: block;
  position: relative; }
  .swatch-filter-julep.disabled {
    opacity: 0.2; }

.swatch-circle-khaki,
.swatch-circle-khaki.large-swatch:after {
  background-color: #4f3b25; }

.swatch-square-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4f3b25;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-khaki.disabled {
    opacity: 0.2; }

.swatch-filter-khaki {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4f3b25;
  border-radius: 0.69em;
  background-color: #4f3b25;
  display: block;
  position: relative; }
  .swatch-filter-khaki.disabled {
    opacity: 0.2; }

.swatch-circle-lacquer,
.swatch-circle-lacquer.large-swatch:after {
  background-color: #1d428a; }

.swatch-square-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d428a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lacquer.disabled {
    opacity: 0.2; }

.swatch-filter-lacquer {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d428a;
  border-radius: 0.69em;
  background-color: #1d428a;
  display: block;
  position: relative; }
  .swatch-filter-lacquer.disabled {
    opacity: 0.2; }

.swatch-circle-lagoon,
.swatch-circle-lagoon.large-swatch:after {
  background-color: #0098aa; }

.swatch-square-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098aa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lagoon.disabled {
    opacity: 0.2; }

.swatch-filter-lagoon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098aa;
  border-radius: 0.69em;
  background-color: #0098aa;
  display: block;
  position: relative; }
  .swatch-filter-lagoon.disabled {
    opacity: 0.2; }

.swatch-circle-lavendar,
.swatch-circle-lavendar.large-swatch:after {
  background-color: #d8b6d7; }

.swatch-square-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d8b6d7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavendar.disabled {
    opacity: 0.2; }

.swatch-filter-lavendar {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d8b6d7;
  border-radius: 0.69em;
  background-color: #d8b6d7;
  display: block;
  position: relative; }
  .swatch-filter-lavendar.disabled {
    opacity: 0.2; }

.swatch-circle-lavender,
.swatch-circle-lavender.large-swatch:after {
  background-color: #b8acd6; }

.swatch-square-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8acd6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavender.disabled {
    opacity: 0.2; }

.swatch-filter-lavender {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8acd6;
  border-radius: 0.69em;
  background-color: #b8acd6;
  display: block;
  position: relative; }
  .swatch-filter-lavender.disabled {
    opacity: 0.2; }

.swatch-circle-lavenderpurple,
.swatch-circle-lavenderpurple.large-swatch:after {
  background-color: #dcd5f4; }

.swatch-square-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #dcd5f4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-filter-lavenderpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #dcd5f4;
  border-radius: 0.69em;
  background-color: #dcd5f4;
  display: block;
  position: relative; }
  .swatch-filter-lavenderpurple.disabled {
    opacity: 0.2; }

.swatch-circle-lightblue,
.swatch-circle-lightblue.large-swatch:after {
  background-color: #5991ca; }

.swatch-square-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5991ca;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightblue.disabled {
    opacity: 0.2; }

.swatch-filter-lightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5991ca;
  border-radius: 0.69em;
  background-color: #5991ca;
  display: block;
  position: relative; }
  .swatch-filter-lightblue.disabled {
    opacity: 0.2; }

.swatch-circle-lightgraphite,
.swatch-circle-lightgraphite.large-swatch:after {
  background-color: #8f8f93; }

.swatch-square-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8f8f93;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-filter-lightgraphite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f8f93;
  border-radius: 0.69em;
  background-color: #8f8f93;
  display: block;
  position: relative; }
  .swatch-filter-lightgraphite.disabled {
    opacity: 0.2; }

.swatch-circle-lightgray,
.swatch-circle-lightgray.large-swatch:after {
  background-color: #bebebe; }

.swatch-square-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bebebe;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightgray.disabled {
    opacity: 0.2; }

.swatch-filter-lightgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bebebe;
  border-radius: 0.69em;
  background-color: #bebebe;
  display: block;
  position: relative; }
  .swatch-filter-lightgray.disabled {
    opacity: 0.2; }

.swatch-circle-lightlines,
.swatch-circle-lightlines.large-swatch:after {
  background-color: #d6d4cf; }

.swatch-square-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d6d4cf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightlines.disabled {
    opacity: 0.2; }

.swatch-filter-lightlines {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d6d4cf;
  border-radius: 0.69em;
  background-color: #d6d4cf;
  display: block;
  position: relative; }
  .swatch-filter-lightlines.disabled {
    opacity: 0.2; }

.swatch-circle-lightpink,
.swatch-circle-lightpink.large-swatch:after {
  background-color: #b8575f; }

.swatch-square-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b8575f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lightpink.disabled {
    opacity: 0.2; }

.swatch-filter-lightpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b8575f;
  border-radius: 0.69em;
  background-color: #b8575f;
  display: block;
  position: relative; }
  .swatch-filter-lightpink.disabled {
    opacity: 0.2; }

.swatch-circle-lilac,
.swatch-circle-lilac.large-swatch:after {
  background-color: #d2bbda; }

.swatch-square-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2bbda;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lilac.disabled {
    opacity: 0.2; }

.swatch-filter-lilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2bbda;
  border-radius: 0.69em;
  background-color: #d2bbda;
  display: block;
  position: relative; }
  .swatch-filter-lilac.disabled {
    opacity: 0.2; }

.swatch-circle-lime,
.swatch-circle-lime.large-swatch:after {
  background-color: #d7e241; }

.swatch-square-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d7e241;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-lime.disabled {
    opacity: 0.2; }

.swatch-filter-lime {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d7e241;
  border-radius: 0.69em;
  background-color: #d7e241;
  display: block;
  position: relative; }
  .swatch-filter-lime.disabled {
    opacity: 0.2; }

.swatch-circle-limelight,
.swatch-circle-limelight.large-swatch:after {
  background-color: #c9dd00; }

.swatch-square-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9dd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-limelight.disabled {
    opacity: 0.2; }

.swatch-filter-limelight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9dd00;
  border-radius: 0.69em;
  background-color: #c9dd00;
  display: block;
  position: relative; }
  .swatch-filter-limelight.disabled {
    opacity: 0.2; }

.swatch-circle-magnetic,
.swatch-circle-magnetic.large-swatch:after {
  background-color: #a50069; }

.swatch-square-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a50069;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-magnetic.disabled {
    opacity: 0.2; }

.swatch-filter-magnetic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a50069;
  border-radius: 0.69em;
  background-color: #a50069;
  display: block;
  position: relative; }
  .swatch-filter-magnetic.disabled {
    opacity: 0.2; }

.swatch-circle-majesty,
.swatch-circle-majesty.large-swatch:after {
  background-color: #5d4171; }

.swatch-square-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #5d4171;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-majesty.disabled {
    opacity: 0.2; }

.swatch-filter-majesty {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #5d4171;
  border-radius: 0.69em;
  background-color: #5d4171;
  display: block;
  position: relative; }
  .swatch-filter-majesty.disabled {
    opacity: 0.2; }

.swatch-circle-mango,
.swatch-circle-mango.large-swatch:after {
  background-color: #f6d654; }

.swatch-square-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6d654;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mango.disabled {
    opacity: 0.2; }

.swatch-filter-mango {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6d654;
  border-radius: 0.69em;
  background-color: #f6d654;
  display: block;
  position: relative; }
  .swatch-filter-mango.disabled {
    opacity: 0.2; }

.swatch-circle-marina,
.swatch-circle-marina.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marina.disabled {
    opacity: 0.2; }

.swatch-filter-marina {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marina.disabled {
    opacity: 0.2; }

.swatch-circle-marinablue,
.swatch-circle-marinablue.large-swatch:after {
  background-color: #0090cd; }

.swatch-square-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0090cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-marinablue.disabled {
    opacity: 0.2; }

.swatch-filter-marinablue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0090cd;
  border-radius: 0.69em;
  background-color: #0090cd;
  display: block;
  position: relative; }
  .swatch-filter-marinablue.disabled {
    opacity: 0.2; }

.swatch-circle-mask,
.swatch-circle-mask.large-swatch:after {
  background-color: #22314e; }

.swatch-square-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #22314e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mask.disabled {
    opacity: 0.2; }

.swatch-filter-mask {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #22314e;
  border-radius: 0.69em;
  background-color: #22314e;
  display: block;
  position: relative; }
  .swatch-filter-mask.disabled {
    opacity: 0.2; }

.swatch-circle-mauve,
.swatch-circle-mauve.large-swatch:after {
  background-color: #c873af; }

.swatch-square-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c873af;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mauve.disabled {
    opacity: 0.2; }

.swatch-filter-mauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c873af;
  border-radius: 0.69em;
  background-color: #c873af;
  display: block;
  position: relative; }
  .swatch-filter-mauve.disabled {
    opacity: 0.2; }

.swatch-circle-mellowpink,
.swatch-circle-mellowpink.large-swatch:after {
  background-color: #ecc7d2; }

.swatch-square-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ecc7d2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mellowpink.disabled {
    opacity: 0.2; }

.swatch-filter-mellowpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ecc7d2;
  border-radius: 0.69em;
  background-color: #ecc7d2;
  display: block;
  position: relative; }
  .swatch-filter-mellowpink.disabled {
    opacity: 0.2; }

.swatch-circle-midnight,
.swatch-circle-midnight.large-swatch:after {
  background-color: #35363b; }

.swatch-square-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #35363b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnight.disabled {
    opacity: 0.2; }

.swatch-filter-midnight {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #35363b;
  border-radius: 0.69em;
  background-color: #35363b;
  display: block;
  position: relative; }
  .swatch-filter-midnight.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblack,
.swatch-circle-midnightblack.large-swatch:after {
  background-color: #454545; }

.swatch-square-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #454545;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblack.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #454545;
  border-radius: 0.69em;
  background-color: #454545;
  display: block;
  position: relative; }
  .swatch-filter-midnightblack.disabled {
    opacity: 0.2; }

.swatch-circle-midnightblue,
.swatch-circle-midnightblue.large-swatch:after {
  background-color: #1a2b51; }

.swatch-square-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1a2b51;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightblue.disabled {
    opacity: 0.2; }

.swatch-filter-midnightblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1a2b51;
  border-radius: 0.69em;
  background-color: #1a2b51;
  display: block;
  position: relative; }
  .swatch-filter-midnightblue.disabled {
    opacity: 0.2; }

.swatch-circle-midnightgreen,
.swatch-circle-midnightgreen.large-swatch:after {
  background-color: #485b53; }

.swatch-square-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #485b53;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-filter-midnightgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #485b53;
  border-radius: 0.69em;
  background-color: #485b53;
  display: block;
  position: relative; }
  .swatch-filter-midnightgreen.disabled {
    opacity: 0.2; }

.swatch-circle-midorange,
.swatch-circle-midorange.large-swatch:after {
  background-color: #c8532c; }

.swatch-square-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c8532c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-midorange.disabled {
    opacity: 0.2; }

.swatch-filter-midorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c8532c;
  border-radius: 0.69em;
  background-color: #c8532c;
  display: block;
  position: relative; }
  .swatch-filter-midorange.disabled {
    opacity: 0.2; }

.swatch-circle-millennialpink,
.swatch-circle-millennialpink.large-swatch:after {
  background-color: #e6cecb; }

.swatch-square-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e6cecb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-millennialpink.disabled {
    opacity: 0.2; }

.swatch-filter-millennialpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e6cecb;
  border-radius: 0.69em;
  background-color: #e6cecb;
  display: block;
  position: relative; }
  .swatch-filter-millennialpink.disabled {
    opacity: 0.2; }

.swatch-circle-mint,
.swatch-circle-mint.large-swatch:after {
  background-color: #73d1b7; }

.swatch-square-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #73d1b7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mint.disabled {
    opacity: 0.2; }

.swatch-filter-mint {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #73d1b7;
  border-radius: 0.69em;
  background-color: #73d1b7;
  display: block;
  position: relative; }
  .swatch-filter-mint.disabled {
    opacity: 0.2; }

.swatch-circle-mixitblue,
.swatch-circle-mixitblue.large-swatch:after {
  background-color: #1e93be; }

.swatch-square-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1e93be;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitblue.disabled {
    opacity: 0.2; }

.swatch-filter-mixitblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1e93be;
  border-radius: 0.69em;
  background-color: #1e93be;
  display: block;
  position: relative; }
  .swatch-filter-mixitblue.disabled {
    opacity: 0.2; }

.swatch-circle-mixitred,
.swatch-circle-mixitred.large-swatch:after {
  background-color: #bc302d; }

.swatch-square-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bc302d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mixitred.disabled {
    opacity: 0.2; }

.swatch-filter-mixitred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bc302d;
  border-radius: 0.69em;
  background-color: #bc302d;
  display: block;
  position: relative; }
  .swatch-filter-mixitred.disabled {
    opacity: 0.2; }

.swatch-circle-monument,
.swatch-circle-monument.large-swatch:after {
  background-color: #484443; }

.swatch-square-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #484443;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-monument.disabled {
    opacity: 0.2; }

.swatch-filter-monument {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #484443;
  border-radius: 0.69em;
  background-color: #484443;
  display: block;
  position: relative; }
  .swatch-filter-monument.disabled {
    opacity: 0.2; }

.swatch-circle-mustard,
.swatch-circle-mustard.large-swatch:after {
  background-color: #c9ba4e; }

.swatch-square-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9ba4e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-mustard.disabled {
    opacity: 0.2; }

.swatch-filter-mustard {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9ba4e;
  border-radius: 0.69em;
  background-color: #c9ba4e;
  display: block;
  position: relative; }
  .swatch-filter-mustard.disabled {
    opacity: 0.2; }

.swatch-circle-navy,
.swatch-circle-navy.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-navyblue,
.swatch-circle-navyblue.large-swatch:after {
  background-color: #2f3e5d; }

.swatch-square-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2f3e5d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-navyblue.disabled {
    opacity: 0.2; }

.swatch-filter-navyblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2f3e5d;
  border-radius: 0.69em;
  background-color: #2f3e5d;
  display: block;
  position: relative; }
  .swatch-filter-navyblue.disabled {
    opacity: 0.2; }

.swatch-circle-nightfall,
.swatch-circle-nightfall.large-swatch:after {
  background-color: #53396a; }

.swatch-square-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #53396a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightfall.disabled {
    opacity: 0.2; }

.swatch-filter-nightfall {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #53396a;
  border-radius: 0.69em;
  background-color: #53396a;
  display: block;
  position: relative; }
  .swatch-filter-nightfall.disabled {
    opacity: 0.2; }

.swatch-circle-nightsky,
.swatch-circle-nightsky.large-swatch:after {
  background-color: #1d164c; }

.swatch-square-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #1d164c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-nightsky.disabled {
    opacity: 0.2; }

.swatch-filter-nightsky {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #1d164c;
  border-radius: 0.69em;
  background-color: #1d164c;
  display: block;
  position: relative; }
  .swatch-filter-nightsky.disabled {
    opacity: 0.2; }

.swatch-circle-ocean,
.swatch-circle-ocean.large-swatch:after {
  background-color: #235484; }

.swatch-square-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #235484;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ocean.disabled {
    opacity: 0.2; }

.swatch-filter-ocean {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #235484;
  border-radius: 0.69em;
  background-color: #235484;
  display: block;
  position: relative; }
  .swatch-filter-ocean.disabled {
    opacity: 0.2; }

.swatch-circle-olive,
.swatch-circle-olive.large-swatch:after {
  background-color: #69786d; }

.swatch-square-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #69786d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olive.disabled {
    opacity: 0.2; }

.swatch-filter-olive {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #69786d;
  border-radius: 0.69em;
  background-color: #69786d;
  display: block;
  position: relative; }
  .swatch-filter-olive.disabled {
    opacity: 0.2; }

.swatch-circle-olivegreen,
.swatch-circle-olivegreen.large-swatch:after {
  background-color: #55782d; }

.swatch-square-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #55782d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-olivegreen.disabled {
    opacity: 0.2; }

.swatch-filter-olivegreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #55782d;
  border-radius: 0.69em;
  background-color: #55782d;
  display: block;
  position: relative; }
  .swatch-filter-olivegreen.disabled {
    opacity: 0.2; }

.swatch-circle-orange,
.swatch-circle-orange.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-orange2,
.swatch-circle-orange2.large-swatch:after {
  background-color: #ba4838; }

.swatch-square-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ba4838;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orange2.disabled {
    opacity: 0.2; }

.swatch-filter-orange2 {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ba4838;
  border-radius: 0.69em;
  background-color: #ba4838;
  display: block;
  position: relative; }
  .swatch-filter-orange2.disabled {
    opacity: 0.2; }

.swatch-circle-orchid,
.swatch-circle-orchid.large-swatch:after {
  background-color: #9961c3; }

.swatch-square-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9961c3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-orchid.disabled {
    opacity: 0.2; }

.swatch-filter-orchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9961c3;
  border-radius: 0.69em;
  background-color: #9961c3;
  display: block;
  position: relative; }
  .swatch-filter-orchid.disabled {
    opacity: 0.2; }

.swatch-circle-overcast,
.swatch-circle-overcast.large-swatch:after {
  background-color: #bdbebf; }

.swatch-square-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bdbebf;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-overcast.disabled {
    opacity: 0.2; }

.swatch-filter-overcast {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bdbebf;
  border-radius: 0.69em;
  background-color: #bdbebf;
  display: block;
  position: relative; }
  .swatch-filter-overcast.disabled {
    opacity: 0.2; }

.swatch-circle-oystergray,
.swatch-circle-oystergray.large-swatch:after {
  background-color: #666666; }

.swatch-square-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #666666;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-oystergray.disabled {
    opacity: 0.2; }

.swatch-filter-oystergray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #666666;
  border-radius: 0.69em;
  background-color: #666666;
  display: block;
  position: relative; }
  .swatch-filter-oystergray.disabled {
    opacity: 0.2; }

.swatch-circle-paleblue,
.swatch-circle-paleblue.large-swatch:after {
  background-color: #6f90b8; }

.swatch-square-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f90b8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paleblue.disabled {
    opacity: 0.2; }

.swatch-filter-paleblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f90b8;
  border-radius: 0.69em;
  background-color: #6f90b8;
  display: block;
  position: relative; }
  .swatch-filter-paleblue.disabled {
    opacity: 0.2; }

.swatch-circle-paparazzipink,
.swatch-circle-paparazzipink.large-swatch:after {
  background-color: #d3305d; }

.swatch-square-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3305d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-filter-paparazzipink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3305d;
  border-radius: 0.69em;
  background-color: #d3305d;
  display: block;
  position: relative; }
  .swatch-filter-paparazzipink.disabled {
    opacity: 0.2; }

.swatch-circle-peacock,
.swatch-circle-peacock.large-swatch:after {
  background-color: #274b4c; }

.swatch-square-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #274b4c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peacock.disabled {
    opacity: 0.2; }

.swatch-filter-peacock {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #274b4c;
  border-radius: 0.69em;
  background-color: #274b4c;
  display: block;
  position: relative; }
  .swatch-filter-peacock.disabled {
    opacity: 0.2; }

.swatch-circle-pearlblue,
.swatch-circle-pearlblue.large-swatch:after {
  background-color: #e0ebf2; }

.swatch-square-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e0ebf2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pearlblue.disabled {
    opacity: 0.2; }

.swatch-filter-pearlblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e0ebf2;
  border-radius: 0.69em;
  background-color: #e0ebf2;
  display: block;
  position: relative; }
  .swatch-filter-pearlblue.disabled {
    opacity: 0.2; }

.swatch-circle-peat,
.swatch-circle-peat.large-swatch:after {
  background-color: #f56936; }

.swatch-square-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f56936;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peat.disabled {
    opacity: 0.2; }

.swatch-filter-peat {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f56936;
  border-radius: 0.69em;
  background-color: #f56936;
  display: block;
  position: relative; }
  .swatch-filter-peat.disabled {
    opacity: 0.2; }

.swatch-circle-pebble,
.swatch-circle-pebble.large-swatch:after {
  background-color: #b4aeb1; }

.swatch-square-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b4aeb1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pebble.disabled {
    opacity: 0.2; }

.swatch-filter-pebble {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b4aeb1;
  border-radius: 0.69em;
  background-color: #b4aeb1;
  display: block;
  position: relative; }
  .swatch-filter-pebble.disabled {
    opacity: 0.2; }

.swatch-circle-peony,
.swatch-circle-peony.large-swatch:after {
  background-color: #fbaac7; }

.swatch-square-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fbaac7;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-peony.disabled {
    opacity: 0.2; }

.swatch-filter-peony {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fbaac7;
  border-radius: 0.69em;
  background-color: #fbaac7;
  display: block;
  position: relative; }
  .swatch-filter-peony.disabled {
    opacity: 0.2; }

.swatch-circle-perfectplum,
.swatch-circle-perfectplum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-perfectplum.disabled {
    opacity: 0.2; }

.swatch-filter-perfectplum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-perfectplum.disabled {
    opacity: 0.2; }

.swatch-circle-persimmon,
.swatch-circle-persimmon.large-swatch:after {
  background-color: #db6618; }

.swatch-square-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db6618;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-persimmon.disabled {
    opacity: 0.2; }

.swatch-filter-persimmon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db6618;
  border-radius: 0.69em;
  background-color: #db6618;
  display: block;
  position: relative; }
  .swatch-filter-persimmon.disabled {
    opacity: 0.2; }

.swatch-circle-petal,
.swatch-circle-petal.large-swatch:after {
  background-color: #f7dce2; }

.swatch-square-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f7dce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petal.disabled {
    opacity: 0.2; }

.swatch-filter-petal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f7dce2;
  border-radius: 0.69em;
  background-color: #f7dce2;
  display: block;
  position: relative; }
  .swatch-filter-petal.disabled {
    opacity: 0.2; }

.swatch-circle-petalpink,
.swatch-circle-petalpink.large-swatch:after {
  background-color: #fda4bc; }

.swatch-square-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fda4bc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-petalpink.disabled {
    opacity: 0.2; }

.swatch-filter-petalpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fda4bc;
  border-radius: 0.69em;
  background-color: #fda4bc;
  display: block;
  position: relative; }
  .swatch-filter-petalpink.disabled {
    opacity: 0.2; }

.swatch-circle-phantom,
.swatch-circle-phantom.large-swatch:after {
  background-color: #42474c; }

.swatch-square-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #42474c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-phantom.disabled {
    opacity: 0.2; }

.swatch-filter-phantom {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #42474c;
  border-radius: 0.69em;
  background-color: #42474c;
  display: block;
  position: relative; }
  .swatch-filter-phantom.disabled {
    opacity: 0.2; }

.swatch-circle-pianoblack,
.swatch-circle-pianoblack.large-swatch:after {
  background-color: #000; }

.swatch-square-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #000;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pianoblack.disabled {
    opacity: 0.2; }

.swatch-filter-pianoblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-pianoblack.disabled {
    opacity: 0.2; }

.swatch-circle-pink,
.swatch-circle-pink.large-swatch:after {
  background-color: #cb6199; }

.swatch-square-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #cb6199;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #cb6199;
  border-radius: 0.69em;
  background-color: #cb6199;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-pinkviolet,
.swatch-circle-pinkviolet.large-swatch:after {
  background-color: #902865; }

.swatch-square-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #902865;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-filter-pinkviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #902865;
  border-radius: 0.69em;
  background-color: #902865;
  display: block;
  position: relative; }
  .swatch-filter-pinkviolet.disabled {
    opacity: 0.2; }

.swatch-circle-pinot,
.swatch-circle-pinot.large-swatch:after {
  background-color: #693462; }

.swatch-square-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #693462;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pinot.disabled {
    opacity: 0.2; }

.swatch-filter-pinot {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #693462;
  border-radius: 0.69em;
  background-color: #693462;
  display: block;
  position: relative; }
  .swatch-filter-pinot.disabled {
    opacity: 0.2; }

.swatch-circle-pistachiogreen,
.swatch-circle-pistachiogreen.large-swatch:after {
  background-color: #819D78; }

.swatch-square-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #819D78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-filter-pistachiogreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #819D78;
  border-radius: 0.69em;
  background-color: #819D78;
  display: block;
  position: relative; }
  .swatch-filter-pistachiogreen.disabled {
    opacity: 0.2; }

.swatch-circle-pitchblack,
.swatch-circle-pitchblack.large-swatch:after {
  background-color: #020202; }

.swatch-square-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #020202;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-pitchblack.disabled {
    opacity: 0.2; }

.swatch-filter-pitchblack {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #020202;
  border-radius: 0.69em;
  background-color: #020202;
  display: block;
  position: relative; }
  .swatch-filter-pitchblack.disabled {
    opacity: 0.2; }

.swatch-circle-plum,
.swatch-circle-plum.large-swatch:after {
  background-color: #4a3650; }

.swatch-square-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4a3650;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plum.disabled {
    opacity: 0.2; }

.swatch-filter-plum {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4a3650;
  border-radius: 0.69em;
  background-color: #4a3650;
  display: block;
  position: relative; }
  .swatch-filter-plum.disabled {
    opacity: 0.2; }

.swatch-circle-plumberry,
.swatch-circle-plumberry.large-swatch:after {
  background-color: #4d195b; }

.swatch-square-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d195b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-plumberry.disabled {
    opacity: 0.2; }

.swatch-filter-plumberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d195b;
  border-radius: 0.69em;
  background-color: #4d195b;
  display: block;
  position: relative; }
  .swatch-filter-plumberry.disabled {
    opacity: 0.2; }

.swatch-circle-portred,
.swatch-circle-portred.large-swatch:after {
  background-color: #77212e; }

.swatch-square-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #77212e;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-portred.disabled {
    opacity: 0.2; }

.swatch-filter-portred {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #77212e;
  border-radius: 0.69em;
  background-color: #77212e;
  display: block;
  position: relative; }
  .swatch-filter-portred.disabled {
    opacity: 0.2; }

.swatch-circle-punch,
.swatch-circle-punch.large-swatch:after {
  background-color: #c52062; }

.swatch-square-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c52062;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-punch.disabled {
    opacity: 0.2; }

.swatch-filter-punch {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c52062;
  border-radius: 0.69em;
  background-color: #c52062;
  display: block;
  position: relative; }
  .swatch-filter-punch.disabled {
    opacity: 0.2; }

.swatch-circle-purple,
.swatch-circle-purple.large-swatch:after {
  background-color: #6d3c7d; }

.swatch-square-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6d3c7d;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6d3c7d;
  border-radius: 0.69em;
  background-color: #6d3c7d;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-purplelightning,
.swatch-circle-purplelightning.large-swatch:after {
  background-color: #6f4181; }

.swatch-square-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6f4181;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-purplelightning.disabled {
    opacity: 0.2; }

.swatch-filter-purplelightning {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6f4181;
  border-radius: 0.69em;
  background-color: #6f4181;
  display: block;
  position: relative; }
  .swatch-filter-purplelightning.disabled {
    opacity: 0.2; }

.swatch-circle-radiantorchid,
.swatch-circle-radiantorchid.large-swatch:after {
  background-color: #a45b96; }

.swatch-square-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a45b96;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-filter-radiantorchid {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a45b96;
  border-radius: 0.69em;
  background-color: #a45b96;
  display: block;
  position: relative; }
  .swatch-filter-radiantorchid.disabled {
    opacity: 0.2; }

.swatch-circle-red,
.swatch-circle-red.large-swatch:after {
  background-color: #d3222a; }

.swatch-square-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d3222a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d3222a;
  border-radius: 0.69em;
  background-color: #d3222a;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-redcarpet,
.swatch-circle-redcarpet.large-swatch:after {
  background-color: #9d202f; }

.swatch-square-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9d202f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redcarpet.disabled {
    opacity: 0.2; }

.swatch-filter-redcarpet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9d202f;
  border-radius: 0.69em;
  background-color: #9d202f;
  display: block;
  position: relative; }
  .swatch-filter-redcarpet.disabled {
    opacity: 0.2; }

.swatch-circle-redviolet,
.swatch-circle-redviolet.large-swatch:after {
  background-color: #6c3a77; }

.swatch-square-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #6c3a77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-redviolet.disabled {
    opacity: 0.2; }

.swatch-filter-redviolet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #6c3a77;
  border-radius: 0.69em;
  background-color: #6c3a77;
  display: block;
  position: relative; }
  .swatch-filter-redviolet.disabled {
    opacity: 0.2; }

.swatch-circle-reflection,
.swatch-circle-reflection.large-swatch:after {
  background-color: #00aed9; }

.swatch-square-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #00aed9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-reflection.disabled {
    opacity: 0.2; }

.swatch-filter-reflection {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #00aed9;
  border-radius: 0.69em;
  background-color: #00aed9;
  display: block;
  position: relative; }
  .swatch-filter-reflection.disabled {
    opacity: 0.2; }

.swatch-circle-rooftopgreen,
.swatch-circle-rooftopgreen.large-swatch:after {
  background-color: #68c448; }

.swatch-square-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #68c448;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-filter-rooftopgreen {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #68c448;
  border-radius: 0.69em;
  background-color: #68c448;
  display: block;
  position: relative; }
  .swatch-filter-rooftopgreen.disabled {
    opacity: 0.2; }

.swatch-circle-rose,
.swatch-circle-rose.large-swatch:after {
  background-color: #8b2346; }

.swatch-square-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8b2346;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rose.disabled {
    opacity: 0.2; }

.swatch-filter-rose {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8b2346;
  border-radius: 0.69em;
  background-color: #8b2346;
  display: block;
  position: relative; }
  .swatch-filter-rose.disabled {
    opacity: 0.2; }

.swatch-circle-rosegold,
.swatch-circle-rosegold.large-swatch:after {
  background-color: #edd7cb; }

.swatch-square-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #edd7cb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosegold.disabled {
    opacity: 0.2; }

.swatch-filter-rosegold {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #edd7cb;
  border-radius: 0.69em;
  background-color: #edd7cb;
  display: block;
  position: relative; }
  .swatch-filter-rosegold.disabled {
    opacity: 0.2; }

.swatch-circle-rosequartz,
.swatch-circle-rosequartz.large-swatch:after {
  background-color: #f1d6c9; }

.swatch-square-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1d6c9;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-rosequartz.disabled {
    opacity: 0.2; }

.swatch-filter-rosequartz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1d6c9;
  border-radius: 0.69em;
  background-color: #f1d6c9;
  display: block;
  position: relative; }
  .swatch-filter-rosequartz.disabled {
    opacity: 0.2; }

.swatch-circle-royallilac,
.swatch-circle-royallilac.large-swatch:after {
  background-color: #8c0628; }

.swatch-square-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8c0628;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royallilac.disabled {
    opacity: 0.2; }

.swatch-filter-royallilac {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8c0628;
  border-radius: 0.69em;
  background-color: #8c0628;
  display: block;
  position: relative; }
  .swatch-filter-royallilac.disabled {
    opacity: 0.2; }

.swatch-circle-royalpurple,
.swatch-circle-royalpurple.large-swatch:after {
  background-color: #591c65; }

.swatch-square-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #591c65;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-royalpurple.disabled {
    opacity: 0.2; }

.swatch-filter-royalpurple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #591c65;
  border-radius: 0.69em;
  background-color: #591c65;
  display: block;
  position: relative; }
  .swatch-filter-royalpurple.disabled {
    opacity: 0.2; }

.swatch-circle-ruby,
.swatch-circle-ruby.large-swatch:after {
  background-color: #d12631; }

.swatch-square-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d12631;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-ruby.disabled {
    opacity: 0.2; }

.swatch-filter-ruby {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d12631;
  border-radius: 0.69em;
  background-color: #d12631;
  display: block;
  position: relative; }
  .swatch-filter-ruby.disabled {
    opacity: 0.2; }

.swatch-circle-safetyorange,
.swatch-circle-safetyorange.large-swatch:after {
  background-color: #db4834; }

.swatch-square-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #db4834;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-safetyorange.disabled {
    opacity: 0.2; }

.swatch-filter-safetyorange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #db4834;
  border-radius: 0.69em;
  background-color: #db4834;
  display: block;
  position: relative; }
  .swatch-filter-safetyorange.disabled {
    opacity: 0.2; }

.swatch-circle-sand,
.swatch-circle-sand.large-swatch:after {
  background-color: #f2eee8; }

.swatch-square-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2eee8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sand.disabled {
    opacity: 0.2; }

.swatch-filter-sand {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2eee8;
  border-radius: 0.69em;
  background-color: #f2eee8;
  display: block;
  position: relative; }
  .swatch-filter-sand.disabled {
    opacity: 0.2; }

.swatch-circle-shadow,
.swatch-circle-shadow.large-swatch:after {
  background-color: #2c3f5f; }

.swatch-square-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2c3f5f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadow.disabled {
    opacity: 0.2; }

.swatch-filter-shadow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2c3f5f;
  border-radius: 0.69em;
  background-color: #2c3f5f;
  display: block;
  position: relative; }
  .swatch-filter-shadow.disabled {
    opacity: 0.2; }

.swatch-circle-shadowmetallic,
.swatch-circle-shadowmetallic.large-swatch:after {
  background-color: #4d4d4b; }

.swatch-square-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4d4d4b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-filter-shadowmetallic {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4d4d4b;
  border-radius: 0.69em;
  background-color: #4d4d4b;
  display: block;
  position: relative; }
  .swatch-filter-shadowmetallic.disabled {
    opacity: 0.2; }

.swatch-circle-shellpink,
.swatch-circle-shellpink.large-swatch:after {
  background-color: #f6e1df; }

.swatch-square-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f6e1df;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-shellpink.disabled {
    opacity: 0.2; }

.swatch-filter-shellpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f6e1df;
  border-radius: 0.69em;
  background-color: #f6e1df;
  display: block;
  position: relative; }
  .swatch-filter-shellpink.disabled {
    opacity: 0.2; }

.swatch-circle-sidewalk,
.swatch-circle-sidewalk.large-swatch:after {
  background-color: #8a8f90; }

.swatch-square-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8a8f90;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sidewalk.disabled {
    opacity: 0.2; }

.swatch-filter-sidewalk {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8a8f90;
  border-radius: 0.69em;
  background-color: #8a8f90;
  display: block;
  position: relative; }
  .swatch-filter-sidewalk.disabled {
    opacity: 0.2; }

.swatch-circle-silver,
.swatch-circle-silver.large-swatch:after {
  background-color: #8e908f; }

.swatch-square-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #8e908f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-silver.disabled {
    opacity: 0.2; }

.swatch-filter-silver {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8e908f;
  border-radius: 0.69em;
  background-color: #8e908f;
  display: block;
  position: relative; }
  .swatch-filter-silver.disabled {
    opacity: 0.2; }

.swatch-circle-slate,
.swatch-circle-slate.large-swatch:after {
  background-color: #606b78; }

.swatch-square-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #606b78;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-slate.disabled {
    opacity: 0.2; }

.swatch-filter-slate {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #606b78;
  border-radius: 0.69em;
  background-color: #606b78;
  display: block;
  position: relative; }
  .swatch-filter-slate.disabled {
    opacity: 0.2; }

.swatch-circle-smoke,
.swatch-circle-smoke.large-swatch:after {
  background-color: #616161; }

.swatch-square-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #616161;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smoke.disabled {
    opacity: 0.2; }

.swatch-filter-smoke {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #616161;
  border-radius: 0.69em;
  background-color: #616161;
  display: block;
  position: relative; }
  .swatch-filter-smoke.disabled {
    opacity: 0.2; }

.swatch-circle-smolder,
.swatch-circle-smolder.large-swatch:after {
  background-color: #41403f; }

.swatch-square-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #41403f;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-smolder.disabled {
    opacity: 0.2; }

.swatch-filter-smolder {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #41403f;
  border-radius: 0.69em;
  background-color: #41403f;
  display: block;
  position: relative; }
  .swatch-filter-smolder.disabled {
    opacity: 0.2; }

.swatch-circle-snowcapwhite,
.swatch-circle-snowcapwhite.large-swatch:after {
  background-color: #f9fafa; }

.swatch-square-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f9fafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-filter-snowcapwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f9fafa;
  border-radius: 0.69em;
  background-color: #f9fafa;
  display: block;
  position: relative; }
  .swatch-filter-snowcapwhite.disabled {
    opacity: 0.2; }

.swatch-circle-softgray,
.swatch-circle-softgray.large-swatch:after {
  background-color: #3c393a; }

.swatch-square-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #3c393a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-softgray.disabled {
    opacity: 0.2; }

.swatch-filter-softgray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #3c393a;
  border-radius: 0.69em;
  background-color: #3c393a;
  display: block;
  position: relative; }
  .swatch-filter-softgray.disabled {
    opacity: 0.2; }

.swatch-circle-sorbet,
.swatch-circle-sorbet.large-swatch:after {
  background-color: #e14c68; }

.swatch-square-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #e14c68;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sorbet.disabled {
    opacity: 0.2; }

.swatch-filter-sorbet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #e14c68;
  border-radius: 0.69em;
  background-color: #e14c68;
  display: block;
  position: relative; }
  .swatch-filter-sorbet.disabled {
    opacity: 0.2; }

.swatch-circle-spacegray,
.swatch-circle-spacegray.large-swatch:after {
  background-color: #626568; }

.swatch-square-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #626568;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-spacegray.disabled {
    opacity: 0.2; }

.swatch-filter-spacegray {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #626568;
  border-radius: 0.69em;
  background-color: #626568;
  display: block;
  position: relative; }
  .swatch-filter-spacegray.disabled {
    opacity: 0.2; }

.swatch-circle-sparkle,
.swatch-circle-sparkle.large-swatch:after {
  background-color: #bab7b4; }

.swatch-square-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #bab7b4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparkle.disabled {
    opacity: 0.2; }

.swatch-filter-sparkle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #bab7b4;
  border-radius: 0.69em;
  background-color: #bab7b4;
  display: block;
  position: relative; }
  .swatch-filter-sparkle.disabled {
    opacity: 0.2; }

.swatch-circle-sparklinggrape,
.swatch-circle-sparklinggrape.large-swatch:after {
  background-color: #642f6c; }

.swatch-square-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #642f6c;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-filter-sparklinggrape {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #642f6c;
  border-radius: 0.69em;
  background-color: #642f6c;
  display: block;
  position: relative; }
  .swatch-filter-sparklinggrape.disabled {
    opacity: 0.2; }

.swatch-circle-sportyellow,
.swatch-circle-sportyellow.large-swatch:after {
  background-color: #f1eb54; }

.swatch-square-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eb54;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sportyellow.disabled {
    opacity: 0.2; }

.swatch-filter-sportyellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eb54;
  border-radius: 0.69em;
  background-color: #f1eb54;
  display: block;
  position: relative; }
  .swatch-filter-sportyellow.disabled {
    opacity: 0.2; }

.swatch-circle-steel,
.swatch-circle-steel.large-swatch:after {
  background-color: #84888b; }

.swatch-square-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #84888b;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-steel.disabled {
    opacity: 0.2; }

.swatch-filter-steel {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #84888b;
  border-radius: 0.69em;
  background-color: #84888b;
  display: block;
  position: relative; }
  .swatch-filter-steel.disabled {
    opacity: 0.2; }

.swatch-circle-stockbrown,
.swatch-circle-stockbrown.large-swatch:after {
  background-color: #60473a; }

.swatch-square-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #60473a;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stockbrown.disabled {
    opacity: 0.2; }

.swatch-filter-stockbrown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #60473a;
  border-radius: 0.69em;
  background-color: #60473a;
  display: block;
  position: relative; }
  .swatch-filter-stockbrown.disabled {
    opacity: 0.2; }

.swatch-circle-stone,
.swatch-circle-stone.large-swatch:after {
  background-color: #a2a5a4; }

.swatch-square-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2a5a4;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stone.disabled {
    opacity: 0.2; }

.swatch-filter-stone {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2a5a4;
  border-radius: 0.69em;
  background-color: #a2a5a4;
  display: block;
  position: relative; }
  .swatch-filter-stone.disabled {
    opacity: 0.2; }

.swatch-circle-stripe,
.swatch-circle-stripe.large-swatch:after {
  background-color: #b5b5b5; }

.swatch-square-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #b5b5b5;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-stripe.disabled {
    opacity: 0.2; }

.swatch-filter-stripe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #b5b5b5;
  border-radius: 0.69em;
  background-color: #b5b5b5;
  display: block;
  position: relative; }
  .swatch-filter-stripe.disabled {
    opacity: 0.2; }

.swatch-circle-sunsetpink,
.swatch-circle-sunsetpink.large-swatch:after {
  background-color: #f25f66; }

.swatch-square-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f25f66;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-filter-sunsetpink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f25f66;
  border-radius: 0.69em;
  background-color: #f25f66;
  display: block;
  position: relative; }
  .swatch-filter-sunsetpink.disabled {
    opacity: 0.2; }

.swatch-circle-surge,
.swatch-circle-surge.large-swatch:after {
  background-color: #ff7d00; }

.swatch-square-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ff7d00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-surge.disabled {
    opacity: 0.2; }

.swatch-filter-surge {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff7d00;
  border-radius: 0.69em;
  background-color: #ff7d00;
  display: block;
  position: relative; }
  .swatch-filter-surge.disabled {
    opacity: 0.2; }

.swatch-circle-swim,
.swatch-circle-swim.large-swatch:after {
  background-color: #a2dae8; }

.swatch-square-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a2dae8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-swim.disabled {
    opacity: 0.2; }

.swatch-filter-swim {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a2dae8;
  border-radius: 0.69em;
  background-color: #a2dae8;
  display: block;
  position: relative; }
  .swatch-filter-swim.disabled {
    opacity: 0.2; }

.swatch-circle-tan,
.swatch-circle-tan.large-swatch:after {
  background-color: #d2ccb8; }

.swatch-square-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #d2ccb8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tan.disabled {
    opacity: 0.2; }

.swatch-filter-tan {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #d2ccb8;
  border-radius: 0.69em;
  background-color: #d2ccb8;
  display: block;
  position: relative; }
  .swatch-filter-tan.disabled {
    opacity: 0.2; }

.swatch-circle-taro,
.swatch-circle-taro.large-swatch:after {
  background-color: #9f7ca6; }

.swatch-square-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9f7ca6;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taro.disabled {
    opacity: 0.2; }

.swatch-filter-taro {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9f7ca6;
  border-radius: 0.69em;
  background-color: #9f7ca6;
  display: block;
  position: relative; }
  .swatch-filter-taro.disabled {
    opacity: 0.2; }

.swatch-circle-tarragon,
.swatch-circle-tarragon.large-swatch:after {
  background-color: #aabc59; }

.swatch-square-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #aabc59;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tarragon.disabled {
    opacity: 0.2; }

.swatch-filter-tarragon {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #aabc59;
  border-radius: 0.69em;
  background-color: #aabc59;
  display: block;
  position: relative; }
  .swatch-filter-tarragon.disabled {
    opacity: 0.2; }

.swatch-circle-taupe,
.swatch-circle-taupe.large-swatch:after {
  background-color: #c9c2b0; }

.swatch-square-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c9c2b0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-taupe.disabled {
    opacity: 0.2; }

.swatch-filter-taupe {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c9c2b0;
  border-radius: 0.69em;
  background-color: #c9c2b0;
  display: block;
  position: relative; }
  .swatch-filter-taupe.disabled {
    opacity: 0.2; }

.swatch-circle-teal,
.swatch-circle-teal.large-swatch:after {
  background-color: #2e6464; }

.swatch-square-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #2e6464;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-teal.disabled {
    opacity: 0.2; }

.swatch-filter-teal {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #2e6464;
  border-radius: 0.69em;
  background-color: #2e6464;
  display: block;
  position: relative; }
  .swatch-filter-teal.disabled {
    opacity: 0.2; }

.swatch-circle-technoblue,
.swatch-circle-technoblue.large-swatch:after {
  background-color: #0291da; }

.swatch-square-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0291da;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-technoblue.disabled {
    opacity: 0.2; }

.swatch-filter-technoblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0291da;
  border-radius: 0.69em;
  background-color: #0291da;
  display: block;
  position: relative; }
  .swatch-filter-technoblue.disabled {
    opacity: 0.2; }

.swatch-circle-titanium,
.swatch-circle-titanium.large-swatch:after {
  background-color: #222325; }

.swatch-square-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #222325;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-titanium.disabled {
    opacity: 0.2; }

.swatch-filter-titanium {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #222325;
  border-radius: 0.69em;
  background-color: #222325;
  display: block;
  position: relative; }
  .swatch-filter-titanium.disabled {
    opacity: 0.2; }

.swatch-circle-toffee,
.swatch-circle-toffee.large-swatch:after {
  background-color: #965224; }

.swatch-square-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #965224;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-toffee.disabled {
    opacity: 0.2; }

.swatch-filter-toffee {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #965224;
  border-radius: 0.69em;
  background-color: #965224;
  display: block;
  position: relative; }
  .swatch-filter-toffee.disabled {
    opacity: 0.2; }

.swatch-circle-topaz,
.swatch-circle-topaz.large-swatch:after {
  background-color: #0098cd; }

.swatch-square-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #0098cd;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-topaz.disabled {
    opacity: 0.2; }

.swatch-filter-topaz {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0098cd;
  border-radius: 0.69em;
  background-color: #0098cd;
  display: block;
  position: relative; }
  .swatch-filter-topaz.disabled {
    opacity: 0.2; }

.swatch-circle-tourmaline,
.swatch-circle-tourmaline.large-swatch:after {
  background-color: #afdce2; }

.swatch-square-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #afdce2;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-tourmaline.disabled {
    opacity: 0.2; }

.swatch-filter-tourmaline {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #afdce2;
  border-radius: 0.69em;
  background-color: #afdce2;
  display: block;
  position: relative; }
  .swatch-filter-tourmaline.disabled {
    opacity: 0.2; }

.swatch-circle-translucentwhite,
.swatch-circle-translucentwhite.large-swatch:after {
  background-color: #ccc; }

.swatch-square-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ccc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-filter-translucentwhite {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ccc;
  border-radius: 0.69em;
  background-color: #ccc;
  display: block;
  position: relative; }
  .swatch-filter-translucentwhite.disabled {
    opacity: 0.2; }

.swatch-circle-transparent,
.swatch-circle-transparent.large-swatch:after {
  background-color: #fcfcfc; }

.swatch-square-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fcfcfc;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-transparent.disabled {
    opacity: 0.2; }

.swatch-filter-transparent {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fcfcfc;
  border-radius: 0.69em;
  background-color: #fcfcfc;
  display: block;
  position: relative; }
  .swatch-filter-transparent.disabled {
    opacity: 0.2; }

.swatch-circle-uniformblue,
.swatch-circle-uniformblue.large-swatch:after {
  background-color: #233658; }

.swatch-square-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #233658;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-uniformblue.disabled {
    opacity: 0.2; }

.swatch-filter-uniformblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #233658;
  border-radius: 0.69em;
  background-color: #233658;
  display: block;
  position: relative; }
  .swatch-filter-uniformblue.disabled {
    opacity: 0.2; }

.swatch-circle-verryberry,
.swatch-circle-verryberry.large-swatch:after {
  background-color: #a73e77; }

.swatch-square-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #a73e77;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-verryberry.disabled {
    opacity: 0.2; }

.swatch-filter-verryberry {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a73e77;
  border-radius: 0.69em;
  background-color: #a73e77;
  display: block;
  position: relative; }
  .swatch-filter-verryberry.disabled {
    opacity: 0.2; }

.swatch-circle-violet,
.swatch-circle-violet.large-swatch:after {
  background-color: #4814a0; }

.swatch-square-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #4814a0;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-violet.disabled {
    opacity: 0.2; }

.swatch-filter-violet {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #4814a0;
  border-radius: 0.69em;
  background-color: #4814a0;
  display: block;
  position: relative; }
  .swatch-filter-violet.disabled {
    opacity: 0.2; }

.swatch-circle-vividblue,
.swatch-circle-vividblue.large-swatch:after {
  background-color: #005ca8; }

.swatch-square-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #005ca8;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-vividblue.disabled {
    opacity: 0.2; }

.swatch-filter-vividblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #005ca8;
  border-radius: 0.69em;
  background-color: #005ca8;
  display: block;
  position: relative; }
  .swatch-filter-vividblue.disabled {
    opacity: 0.2; }

.swatch-circle-volta,
.swatch-circle-volta.large-swatch:after {
  background-color: #7d5ccb; }

.swatch-square-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #7d5ccb;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-volta.disabled {
    opacity: 0.2; }

.swatch-filter-volta {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #7d5ccb;
  border-radius: 0.69em;
  background-color: #7d5ccb;
  display: block;
  position: relative; }
  .swatch-filter-volta.disabled {
    opacity: 0.2; }

.swatch-circle-walnut,
.swatch-circle-walnut.large-swatch:after {
  background-color: #c2b499; }

.swatch-square-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c2b499;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-walnut.disabled {
    opacity: 0.2; }

.swatch-filter-walnut {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c2b499;
  border-radius: 0.69em;
  background-color: #c2b499;
  display: block;
  position: relative; }
  .swatch-filter-walnut.disabled {
    opacity: 0.2; }

.swatch-circle-waterfrontblue,
.swatch-circle-waterfrontblue.large-swatch:after {
  background-color: #456083; }

.swatch-square-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #456083;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-filter-waterfrontblue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #456083;
  border-radius: 0.69em;
  background-color: #456083;
  display: block;
  position: relative; }
  .swatch-filter-waterfrontblue.disabled {
    opacity: 0.2; }

.swatch-circle-wauve,
.swatch-circle-wauve.large-swatch:after {
  background-color: #9e85a3; }

.swatch-square-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #9e85a3;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-wauve.disabled {
    opacity: 0.2; }

.swatch-filter-wauve {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #9e85a3;
  border-radius: 0.69em;
  background-color: #9e85a3;
  display: block;
  position: relative; }
  .swatch-filter-wauve.disabled {
    opacity: 0.2; }

.swatch-circle-white,
.swatch-circle-white.large-swatch:after {
  background-color: #fafafa; }

.swatch-square-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #fafafa;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fafafa;
  border-radius: 0.69em;
  background-color: #fafafa;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-whiteout,
.swatch-circle-whiteout.large-swatch:after {
  background-color: #f1eeed; }

.swatch-square-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f1eeed;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whiteout.disabled {
    opacity: 0.2; }

.swatch-filter-whiteout {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f1eeed;
  border-radius: 0.69em;
  background-color: #f1eeed;
  display: block;
  position: relative; }
  .swatch-filter-whiteout.disabled {
    opacity: 0.2; }

.swatch-circle-whitepearl,
.swatch-circle-whitepearl.large-swatch:after {
  background-color: #c1c1c1; }

.swatch-square-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #c1c1c1;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-whitepearl.disabled {
    opacity: 0.2; }

.swatch-filter-whitepearl {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #c1c1c1;
  border-radius: 0.69em;
  background-color: #c1c1c1;
  display: block;
  position: relative; }
  .swatch-filter-whitepearl.disabled {
    opacity: 0.2; }

.swatch-circle-yellow,
.swatch-circle-yellow.large-swatch:after {
  background-color: #f2fa11; }

.swatch-square-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #f2fa11;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f2fa11;
  border-radius: 0.69em;
  background-color: #f2fa11;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-yellowcab,
.swatch-circle-yellowcab.large-swatch:after {
  background-color: #ffcd00; }

.swatch-square-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.375em;
  height: 1.375em;
  background: #ffcd00;
  border-radius: 0;
  display: block;
  position: relative; }
  .swatch-square-yellowcab.disabled {
    opacity: 0.2; }

.swatch-filter-yellowcab {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffcd00;
  border-radius: 0.69em;
  background-color: #ffcd00;
  display: block;
  position: relative; }
  .swatch-filter-yellowcab.disabled {
    opacity: 0.2; }

.swatch-circle-clear.large-swatch:after,
.product-tile__wrapper .swatch-circle-clear {
  background: linear-gradient(135deg, #dedede 0%, #fefefe 52%, #fefefe 69%, #f4f4f4 100%); }

.product-tile__wrapper .swatch-circle-blackwhite {
  background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%);
  border: 1px solid #ccc; }

.css-swatch-circle {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
  border: none;
  display: block;
  position: relative; }
  .css-swatch-circle.large-swatch {
    width: 3.25rem;
    height: 3.25rem;
    border: none;
    background-color: white; }
    .css-swatch-circle.large-swatch:after {
      content: '';
      display: block;
      width: 2.625rem;
      height: 2.625rem;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .css-swatch-circle.swatch-circle-white.large-swatch {
    background-color: #CCD1D6; }
  .css-swatch-circle.swatch-circle-clear.large-swatch {
    background-color: #F5F5F5; }
  .css-swatch-circle.swatch-circle-blackwhite {
    border: 1px solid #ddd; }
  .css-swatch-circle.swatch-circle-blackwhite:after {
    background: linear-gradient(135deg, #000000 0%, #000000 50%, #ffffff 51%, #ffffff 100%); }

.swatch-circle-miscellaneous,
.swatch-square-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 1.375em;
  position: relative;
  transform: rotate(35deg);
  width: 1.375em; }
  .swatch-circle-miscellaneous.disabled,
  .swatch-square-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after,
  .swatch-square-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.swatch-square-miscellaneous {
  border-radius: 0;
  transform: unset; }
  .swatch-square-miscellaneous.selected::after {
    transform: unset; }

.attribute {
  margin-top: 0.938em; }
  .attribute label {
    display: block; }

.swatch a {
  text-decoration: none; }

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0; } }

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0; }
  @media (max-width: 543.98px) {
    .prices-add-to-cart-actions {
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0 0.9375em; } }
  .prices-add-to-cart-actions .price {
    text-align: center; }

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center; }

.cart-and-ipay {
  text-align: center; }
  @media (max-width: 543.98px) {
    .cart-and-ipay {
      padding-bottom: 26px; }
      .cart-and-ipay .btn {
        width: 98%;
        margin: 1%;
        display: block; } }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%; }

.add-to-basket-alert {
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 5px grey;
  padding: 1em; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }

.simple-quantity {
  margin-top: 1em; }

.main-attributes {
  margin-top: 1em; }

.size-chart {
  margin-top: 1.071em; }

div.availability {
  margin-top: 1.071em; }

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc; }
  .bundle-item:last-child {
    border-bottom: none; }

.container.product-detail, .promo.banner .product-detail.text.overlay {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media (max-width: 543.98px) {
    .container.product-detail, .promo.banner .product-detail.text.overlay {
      margin-top: 0;
      margin-bottom: 0; } }

.product-option:not(:first-child) {
  margin-top: 1.071em; }

.primary-images {
  display: block; }
  @media (max-width: 768.98px) {
    .primary-images {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 992px) {
    .primary-images {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap; } }
  .primary-images .carousel .carousel-img {
    display: none; }
  .primary-images .carousel.slick-initialized .carousel-img {
    display: block; }
  .primary-images .main-carousel-container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%; }
    @media (min-width: 992px) {
      .primary-images .main-carousel-container {
        overflow: hidden;
        max-width: 49rem;
        margin-left: 1.5rem;
        order: 2; } }
    .primary-images .main-carousel-container .carousel {
      width: 100%; }
      @media (min-width: 769px) {
        .primary-images .main-carousel-container .carousel {
          overflow: visible;
          width: calc(100% - 6rem);
          margin-bottom: 0; } }
    .primary-images .main-carousel-container .zoom-container {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      display: block;
      transition: opacity 0.2s ease;
      background-color: #f9f9f9; }
      .primary-images .main-carousel-container .zoom-container img {
        width: auto;
        height: auto; }
    .primary-images .main-carousel-container .slick-prev {
      left: -2.625rem; }
    .primary-images .main-carousel-container .slick-next {
      right: -2.625rem; }
    .primary-images .main-carousel-container .slick-dots li {
      margin: 0; }
    .primary-images .main-carousel-container .veil {
      opacity: 0;
      transition: opacity 0.2s ease; }
    @media (min-width: 769px) {
      .primary-images .main-carousel-container.zoom-active .zoom-container {
        opacity: 1; }
      .primary-images .main-carousel-container.zoom-active.loading-zoom .zoom-container {
        opacity: 0; }
      .primary-images .main-carousel-container.zoom-active .veil {
        opacity: 1; } }
  .primary-images .thumbnail-carousel-container {
    padding: 0;
    width: 80%;
    margin: 1rem auto; }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container {
        display: block;
        width: 7.5rem;
        order: 1;
        margin: 0; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-list {
        height: auto !important; } }
    @media (min-width: 992px) {
      .primary-images .thumbnail-carousel-container .slick-slide {
        min-width: 6.25rem; } }
    .primary-images .thumbnail-carousel-container .slick-slide img {
      cursor: pointer;
      padding: 0 0.3125rem;
      display: block;
      opacity: 0.3;
      transition: opacity 0.2s ease; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-slide img {
          margin-bottom: 0.625rem; } }
      .primary-images .thumbnail-carousel-container .slick-slide img.active-main-slide {
        cursor: default;
        opacity: 1; }
      .primary-images .thumbnail-carousel-container .slick-slide img:hover {
        opacity: 1; }
    .primary-images .thumbnail-carousel-container .slick-prev,
    .primary-images .thumbnail-carousel-container .slick-next {
      height: 2rem;
      width: 2rem; }
      .primary-images .thumbnail-carousel-container .slick-prev:before,
      .primary-images .thumbnail-carousel-container .slick-next:before {
        font-size: 1.5rem; }
    .primary-images .thumbnail-carousel-container .slick-prev {
      left: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-prev {
          left: 50%;
          top: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-prev:before {
            left: 0.125rem;
            top: -1px; } }
    .primary-images .thumbnail-carousel-container .slick-next {
      right: -2.375rem; }
      @media (min-width: 992px) {
        .primary-images .thumbnail-carousel-container .slick-next {
          left: 50%;
          top: unset;
          bottom: -2.5rem;
          transform: rotate(90deg) translateY(50%); }
          .primary-images .thumbnail-carousel-container .slick-next:before {
            right: 1px;
            top: -1px; } }

.prices {
  text-align: left; }

div.prices-add-to-cart-actions {
  padding: 1rem; }
  @media (min-width: 544px) {
    div.prices-add-to-cart-actions {
      padding: 0; } }
  div.prices-add-to-cart-actions .price {
    text-align: left; }

@media (min-width: 544px) {
  .add-to-basket-alert {
    display: none; } }

.primary-images .thumbnail-carousel-container .slick-slide.slick-active img {
  opacity: 1; }

.add-to-cart-messages {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
  z-index: 99; }

.add-to-basket-alert {
  min-width: 18.75rem;
  animation: fade 5s linear forwards;
  box-shadow: 1px 1px 0.3125rem grey;
  padding: 0.8125rem 1.25rem 0.8125rem 4.3125rem;
  padding: 0.8125rem 3.75rem 0.8125rem 4.3125rem; }

@keyframes fade {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .add-to-basket-alert.show {
    display: block; }
  .add-to-basket-alert.m-permanent {
    animation: none; }
  @media (min-width: 769px) {
    .add-to-basket-alert.alert-success {
      display: none; } }

.main-attributes {
  margin-top: 0; }
  .main-attributes .attribute-values:first-child {
    margin-top: 1rem; }

.attribute-row:not(.first) {
  margin-top: 1rem; }

.attribute-row.last {
  margin-bottom: 1rem; }

.attribute {
  margin-top: 0; }
  .attribute .non-input-label {
    display: none; }
  .attribute.attribute-color .non-input-label {
    display: block; }

.swatch-attribute {
  border: none;
  padding: 0;
  background: none; }

.swatch-attr-row {
  display: flex;
  flex-wrap: wrap; }

.swatch-attribute {
  display: block;
  min-width: 24.04726%;
  margin-bottom: 0.375rem;
  margin-right: 0.95274%; }
  .swatch-attribute .swatch-value {
    display: block; }
  .attribute-color .swatch-attribute {
    min-width: unset;
    margin-bottom: 0.375rem;
    margin-right: 0.625rem; }
  .swatch-attribute [data-swatch-type="color-swatch-css"],
  .swatch-attribute [data-swatch-type="color-swatch-img"] {
    position: relative; }
    .swatch-attribute [data-swatch-type="color-swatch-css"].selected:before,
    .swatch-attribute [data-swatch-type="color-swatch-img"].selected:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 1.25rem;
      height: 1.25rem;
      background-color: var(--color-accent);
      background-image: url("../../images/icons/check-white.svg");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      border-radius: 50%; }
  .swatch-attribute [data-swatch-type="value-swatch"] {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    line-height: 1.25rem;
    color: var(--color-black);
    border: 0.125rem solid var(--color-grey400);
    padding: 0.625rem 1.25rem; }
    .swatch-attribute [data-swatch-type="value-swatch"].selected {
      border-color: var(--color-black); }

@media (max-width: 543.98px) {
  .cart-and-ipay {
    padding-bottom: 5px; } }

@media (max-width: 543.98px) {
  #quickAddModal .modal-footer, #quickAddModalCompare .modal-footer {
    padding: 0rem .8rem; } }

@media (min-width: 544px) {
  #quickAddModal .modal-footer .button-block .btn, #quickAddModalCompare .modal-footer .button-block .btn {
    min-width: 12.75rem; } }

@media (max-width: 768.98px) {
  #quickAddModal .modal-footer .button-block .btn, #quickAddModalCompare .modal-footer .button-block .btn {
    font-size: 0.875rem;
    padding: 0.825rem 1rem;
    width: 100%; } }

#quickAddModal .modal-footer .button-block .compare-btn .custom-control-label::before, #quickAddModalCompare .modal-footer .button-block .compare-btn .custom-control-label::before {
  border: none;
  background-color: transparent; }

#quickAddModal .modal-footer .button-block .compare-btn .custom-control-label::after, #quickAddModalCompare .modal-footer .button-block .compare-btn .custom-control-label::after {
  background-image: none; }

#quickAddModal .prod-tile-promo, #quickAddModalCompare .prod-tile-promo {
  color: var(--color-black);
  font-size: 0.6875rem;
  line-height: 1.375rem;
  font-family: "SuisseIntl-Medium", sans-serif; }

#quickAddModal .compare-btn {
  display: none; }

#quickAddModalCompare .add-to-cart-global {
  display: none !important; }

#quickAddModalCompare .custom-control {
  padding: 0; }

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em; }
  .quick-view-dialog .selectable-bonus-product-line-item,
  .choose-bonus-product-dialog .selectable-bonus-product-line-item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em; }
  .quick-view-dialog .beenSelected,
  .choose-bonus-product-dialog .beenSelected {
    background-color: #eee; }
  .quick-view-dialog .large-swatch.selected,
  .choose-bonus-product-dialog .large-swatch.selected {
    border: 2px solid #6FFB38; }
  .quick-view-dialog .modal-header,
  .choose-bonus-product-dialog .modal-header {
    background-color: #eee;
    border-bottom: 2px solid #ccc;
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0.1875rem; }
    .quick-view-dialog .modal-header .full-pdp-link,
    .choose-bonus-product-dialog .modal-header .full-pdp-link {
      color: var(--skin-primary-color-1); }
    .quick-view-dialog .modal-header .close,
    .choose-bonus-product-dialog .modal-header .close {
      font-size: 2rem;
      line-height: 1.5rem; }
  .quick-view-dialog .modal-title,
  .choose-bonus-product-dialog .modal-title {
    font-size: 1em; }
  .quick-view-dialog .product-name,
  .choose-bonus-product-dialog .product-name {
    font-size: 1.875em; }
  .quick-view-dialog .swatch-circle,
  .choose-bonus-product-dialog .swatch-circle {
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 1.25em;
    border: 0.063em solid rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-right: 0.313em;
    position: relative; }
    .quick-view-dialog .swatch-circle i.fa-times-circle,
    .choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
      background: #fff;
      border-radius: 50%;
      height: 0.75em;
      line-height: 0.8em;
      width: 0.8em; }
  .quick-view-dialog a[disabled] .swatch-circle,
  .choose-bonus-product-dialog a[disabled] .swatch-circle {
    cursor: not-allowed; }
    .quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
    .choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
      background-color: #495057; }
  .quick-view-dialog .availablity-container,
  .choose-bonus-product-dialog .availablity-container {
    text-align: right; }
  .quick-view-dialog .availablity-container,
  .quick-view-dialog .size-chart,
  .choose-bonus-product-dialog .availablity-container,
  .choose-bonus-product-dialog .size-chart {
    margin-top: 0.938em; }
  .quick-view-dialog .modal-content,
  .choose-bonus-product-dialog .modal-content {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .quick-view-dialog .modal-body,
  .choose-bonus-product-dialog .modal-body {
    max-height: 28.125em;
    /* 450/16 */
    overflow-y: auto; }
  .quick-view-dialog button.close,
  .choose-bonus-product-dialog button.close {
    font-size: 1.25em; }
  .quick-view-dialog .modal-footer,
  .choose-bonus-product-dialog .modal-footer {
    background-color: #fff;
    border: none;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem; }
    .quick-view-dialog .modal-footer .prices .price,
    .choose-bonus-product-dialog .modal-footer .prices .price {
      font-size: 1.6em; }
  .quick-view-dialog .prices .sales,
  .choose-bonus-product-dialog .prices .sales {
    font-size: 1.5rem; }
  .quick-view-dialog .promotions,
  .choose-bonus-product-dialog .promotions {
    text-align: left;
    color: #AB2117; }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary,
    .choose-bonus-product-dialog .bonus-summary {
      font-size: 0.625em; } }
  @media (max-width: 768.98px) {
    .quick-view-dialog .bonus-summary .bonus-product-name,
    .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
      padding: 0; } }
  .quick-view-dialog .pre-cart-products,
  .choose-bonus-product-dialog .pre-cart-products {
    margin-right: 0.125em; }
  .quick-view-dialog .color-attribute,
  .choose-bonus-product-dialog .color-attribute {
    border: none;
    padding: 0;
    background: none; }
  .quick-view-dialog .non-input-label,
  .choose-bonus-product-dialog .non-input-label {
    display: block;
    margin-bottom: 0.5rem; }

@media (min-width: 769px) {
  .product-grid .grid-tile-wrapper {
    padding: 0.625rem 1.875rem; }
    .refinements-active .product-grid .grid-tile-wrapper {
      padding: 0.625rem 1.25rem; } }

@media (min-width: 769px) {
  .devices-main .grid-tile-wrapper:nth-of-type(4) {
    display: none; }
  .devices-main .grid-tile-wrapper:nth-of-type(3) {
    display: block; } }

@media (max-width: 768.98px) {
  .devices-main .grid-tile-wrapper:nth-of-type(3) {
    display: none; }
  .devices-main .grid-tile-wrapper:nth-of-type(4) {
    display: none; } }

.minicart-recommendation .product-tile__name__link {
  color: var(--color-black); }

.homepage .product-tile .custom-control .no-quickadd {
  color: var(--color-white);
  background-color: var(--color-black);
  width: auto;
  border: 1px solid transparent;
  border-radius: 3.125rem;
  padding: 0.8125rem 1.825rem; }
  @media (min-width: 769px) {
    .homepage .product-tile .custom-control .no-quickadd {
      padding: 0.8125rem 2.325rem; } }

.homepage .product-tile .custom-control .quick-atc:hover {
  background-color: var(--color-black); }

.homepage .product-tile .custom-control:not(.custom-checkbox) {
  width: auto;
  text-align: center;
  min-width: auto; }

.homepage .product-tile .custom-control .quick-atc.view-details, .homepage .product-tile .custom-control .quick-atc.quickadd {
  background-color: var(--color-black);
  color: var(--color-white);
  width: auto;
  border: 1px solid transparent;
  border-radius: 3.125rem;
  padding: 0.8125rem 1.825rem; }
  @media (min-width: 769px) {
    .homepage .product-tile .custom-control .quick-atc.view-details, .homepage .product-tile .custom-control .quick-atc.quickadd {
      padding: 0.8125rem 2.325rem; } }

.homepage .product-tile .product-tile__body .order-0.order-lg-1:not(:has(*)) {
  height: 1.375rem;
  margin-bottom: 0.3125rem; }
  @media (min-width: 769px) {
    .homepage .product-tile .product-tile__body .order-0.order-lg-1:not(:has(*)) {
      margin-bottom: 0; } }

.homepage .product-tile .product-tile__family-name__link {
  margin-bottom: 0.5rem; }

@media (min-width: 769px) {
  .homepage .product-tile .product-badge {
    margin-bottom: 0; } }

.homepage.de .product-tile .custom-control .quick-atc.view-details, .homepage.de .product-tile .custom-control .quick-atc.quickadd {
  padding: 1.125rem 0.558rem; }
  @media (min-width: 769px) {
    .homepage.de .product-tile .custom-control .quick-atc.view-details, .homepage.de .product-tile .custom-control .quick-atc.quickadd {
      padding: 0.8125rem 1.625rem; } }

.homepage.de .product-tile .custom-control .no-quickadd {
  padding: 1.125rem 0.558rem; }
  @media (min-width: 769px) {
    .homepage.de .product-tile .custom-control .no-quickadd {
      padding: 0.8125rem 1.625rem; } }

.product-tile {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 1.25rem; }
  .product-tile__wrapper {
    height: 100%;
    position: relative; }
  .product-tile__picture {
    flex: 0 0 auto; }
  .product-tile__body {
    padding-top: 1.3125rem;
    text-align: left;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column; }
  .product-tile.js-product-tile {
    height: auto; }
  .product-tile__compare {
    margin-left: 0;
    font-size: 0.75rem; }
    @media (min-width: 769px) {
      .product-tile__compare {
        font-size: 0.875rem; } }
    .product-tile__compare .custom-checkbox {
      min-height: 0; }
      .product-tile__compare .custom-checkbox .custom-control-label {
        vertical-align: bottom; }
    @media (max-width: 768.98px) {
      .product-tile__compare .custom-checkbox .custom-control-label::before, .product-tile__compare .custom-checkbox .custom-control-label::after {
        width: 0.75rem;
        height: 0.75rem;
        left: -1.125rem; }
      .product-tile__compare .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-size: 0.9375rem; } }
    .product-tile__compare .custom-control {
      margin-top: 0; }
      @media (max-width: 768.98px) {
        .product-tile__compare .custom-control {
          padding-left: 0.875rem; } }
      .product-tile__compare .custom-control.no-quickadd {
        padding-left: 0;
        color: var(--color-primary);
        background-color: transparent; }
      .product-tile__compare .custom-control:not(.custom-checkbox) {
        padding: 0.5625rem 0;
        width: 100%;
        text-align: center;
        min-width: auto; }
  .product-tile__ratings {
    margin-bottom: 0.75rem;
    min-height: 1rem; }
    .product-tile__ratings .fa {
      color: var(--color-blue); }
    .product-tile__ratings .rating-stars {
      display: flex;
      align-items: center; }
      .product-tile__ratings .rating-stars-count {
        color: var(--color-black);
        font-size: 0.75rem;
        margin-left: 12px; }
  .product-tile .swatches-wrapper {
    display: flex;
    flex-flow: row wrap;
    padding: 0.9375rem 0 0; }
  .product-tile .swatch-wrapper {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    margin-right: 0.5rem; }
    .product-tile .swatch-wrapper.selected {
      border: 2px solid #6FFB38; }
      .product-tile .swatch-wrapper.selected a.swatch-link.swatch-circle-white {
        border: none; }
  .product-tile a.swatch-link {
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    margin: auto auto; }
    .product-tile a.swatch-link.swatch-circle-white {
      border: 3px solid #979797; }
  .product-tile .swatch-text {
    text-indent: -5000px; }
  .product-tile .image-container {
    overflow: unset; }
    .product-tile .image-container a .tile-image {
      aspect-ratio: 1/1 auto;
      width: 100%;
      height: auto; }
  .product-tile__family-name__link {
    text-decoration: none;
    color: #666666;
    margin-right: 0.5rem;
    font-family: "SuisseIntl-Regular", sans-serif;
    font-display: swap;
    font-size: 0.875rem;
    line-height: 140%; }
    @media (min-width: 769px) {
      .product-tile__family-name__link {
        font-size: 1rem;
        line-height: 150%; } }
  .product-tile__family-name__block {
    display: flex;
    align-items: start;
    margin-bottom: 0;
    flex-direction: column; }
    @media (min-width: 992px) {
      .product-tile__family-name__block {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0.25rem; } }
  .product-tile__name__link {
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 140%;
    margin-top: 0;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
    @media (min-width: 769px) {
      .product-tile__name__link {
        font-size: 1rem;
        line-height: 150%; } }
  .product-tile__bullets ul {
    font-family: "SuisseIntl-Regular", sans-serif;
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 1.25rem;
    padding-top: .75rem;
    padding-left: 1.25rem;
    margin-bottom: .3rem; }
  .product-tile__bullets .pt-more-lnk {
    font-size: 0.6875rem;
    line-height: 1rem; }
  .product-tile__features {
    margin-top: 0.625rem; }
    .product-tile__features .features-list {
      padding: 0;
      margin: 0;
      margin-top: 0.75rem;
      list-style-type: none;
      font-size: 0.625rem;
      line-height: 0.75rem; }
      @media (min-width: 769px) {
        .product-tile__features .features-list {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
      .product-tile__features .features-list__item {
        margin: 0;
        position: relative;
        padding-left: 0.75rem;
        font-size: 0.6875rem;
        font-family: "SuisseIntl-Medium", sans-serif; }
        .product-tile__features .features-list__item::before {
          content: '\2022';
          margin-left: -0.1875rem;
          position: absolute;
          top: 50%;
          left: 0.125rem;
          transform: translate(0, -50%); }
  .product-tile__price {
    font-size: 0.875rem;
    line-height: 1.125rem; }
    @media (min-width: 769px) {
      .product-tile__price {
        font-size: 1.125rem;
        line-height: 1.375rem; } }
    .product-tile__price .price {
      font-family: "SuisseIntl-SemiBold", sans-serif;
      font-display: swap;
      font-size: 0.875rem;
      line-height: 1.125rem; }
      @media (min-width: 769px) {
        .product-tile__price .price {
          font-size: 1rem;
          line-height: 1.125rem; } }
  .product-tile__footer {
    padding-top: 0.875rem;
    display: block; }
    .product-tile__footer .prod-tile-promo {
      color: var(--color-black);
      font-size: 0.6875rem;
      line-height: 1.375rem;
      font-family: "SuisseIntl-Medium", sans-serif; }
    .product-tile__footer .starting,
    .product-tile__footer .range,
    .product-tile__footer .sales {
      font-weight: normal; }
  .product-tile .wishlist-button {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .product-tile .quickadd-hvr,
  .product-tile .quick-atc-hvr {
    min-width: auto; }
  .product-tile .no-compare .quickadd,
  .product-tile .no-compare .quick-atc {
    text-align: left; }
  .product-tile .quickadd,
  .product-tile .quick-atc {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 1rem;
    text-align: center;
    padding: 0.5625rem 0;
    text-decoration: underline;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
    .product-tile .quickadd:hover,
    .product-tile .quick-atc:hover {
      background-color: var(--color-accent); }
  .product-tile:hover .wishlist-button {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
  @media (min-width: 769px) {
    .product-tile:hover .quickadd,
    .product-tile:hover .quick-atc {
      opacity: 1;
      visibility: visible;
      pointer-events: all; } }
  .product-tile .product-tile-compare-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.25rem; }
    .product-tile .product-tile-compare-row label, .product-tile .product-tile-compare-row a {
      font-size: 0.6875rem; }
    @media (max-width: 768.98px) {
      .product-tile .product-tile-compare-row {
        max-width: 100%; } }
    .product-tile .product-tile-compare-row .custom-control.no-compare {
      padding-left: 0; }
    .product-tile .product-tile-compare-row span.quickadd, .product-tile .product-tile-compare-row span.quick-atc {
      font-size: 0.6875rem; }
    .product-tile .product-tile-compare-row .quickadd,
    .product-tile .product-tile-compare-row .quick-atc {
      position: relative;
      display: block;
      background-color: transparent;
      color: var(--color-black);
      visibility: visible;
      opacity: 1;
      padding: 0; }
      .product-tile .product-tile-compare-row .quickadd:hover,
      .product-tile .product-tile-compare-row .quick-atc:hover {
        background-color: transparent; }
      @media (max-width: 768.98px) {
        .product-tile .product-tile-compare-row .quickadd,
        .product-tile .product-tile-compare-row .quick-atc {
          visibility: visible;
          pointer-events: visible; } }
    .product-tile .product-tile-compare-row button.quick-atc {
      border: none;
      font-size: 0.6875rem; }
  .slider-core-css .product-tile .image-container a.wishlistTile {
    display: none; }

.pd-slide .product-tile .product-tile-compare-row button.quick-atc, .pd-slide .product-tile .product-tile-compare-row .view-details, .pd-slide .product-tile .product-tile-compare-row .quickadd, .experience-commerce_assets-productTile .product-tile .product-tile-compare-row button.quick-atc, .experience-commerce_assets-productTile .product-tile .product-tile-compare-row .view-details, .experience-commerce_assets-productTile .product-tile .product-tile-compare-row .quickadd, .grid-wrapper:not(.category-page) .product-tile .product-tile-compare-row button.quick-atc, .grid-wrapper:not(.category-page) .product-tile .product-tile-compare-row .view-details, .grid-wrapper:not(.category-page) .product-tile .product-tile-compare-row .quickadd {
  text-align: left; }

.product-main .promo-badge-slot > .badge-container {
  align-items: center !important;
  display: flex;
  position: absolute;
  top: 0;
  margin-left: 2.5rem;
  z-index: 1; }

.product-main .promo-badge-slot > .badge-logo-text {
  background: #7ed321;
  padding: 6px 12px; }

.product-main .promo-badge-slot, .tile-product-badge .promo-badge-slot {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 1; }
  @media (min-width: 992px) {
    .product-main .promo-badge-slot, .tile-product-badge .promo-badge-slot {
      left: 48px; } }

.product-main .badge-ribbon, .tile-product-badge .badge-ribbon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  padding: 6px 5px 14px;
  clip-path: polygon(calc(100% - 0px) 0.39844px, 0px 0.39844px, 0px 19.3984px, 0px calc(100% - 17.7247px), 0px calc(100% - 4.7247px), 0px calc(100% - 4.7247px), 0.071px calc(100% - 3.9666446px), 0.27453px calc(100% - 3.2612488px), 0.5964px calc(100% - 2.6195982px), 1.02241px calc(100% - 2.0527784px), 1.53835px calc(100% - 1.571875px), 2.13003px calc(100% - 1.1879736px), 2.78325px calc(100% - 0.9121598px), 3.48381px calc(100% - 0.7555192px), 4.2175px calc(100% - 0.7291374px), 4.97014px calc(100% - 0.8441px), calc(50% - 0px) calc(100% - 7.1015px), calc(100% - 4.9701px) calc(100% - 0.8441px), calc(100% - 4.9701px) calc(100% - 0.8441px), calc(100% - 4.2174837px) calc(100% - 0.72913739999999px), calc(100% - 3.4838016px) calc(100% - 0.75551919999999px), calc(100% - 2.7832539px) calc(100% - 0.9121598px), calc(100% - 2.1300408px) calc(100% - 1.1879736px), calc(100% - 1.5383625px) calc(100% - 1.571875px), calc(100% - 1.0224192px) calc(100% - 2.0527784px), calc(100% - 0.5964111px) calc(100% - 2.6195982px), calc(100% - 0.2745384px) calc(100% - 3.2612488px), calc(100% - 0.071001300000006px) calc(100% - 3.9666446px), calc(100% - 0px) calc(100% - 4.7247px), calc(100% - 0px) calc(100% - 17.7247px), calc(100% - 0px) 19.3984px, calc(100% - 0px) 0.39844px); }
  @media (min-width: 769px) {
    .product-main .badge-ribbon, .tile-product-badge .badge-ribbon {
      padding: 10px 5px 15px;
      min-width: 60px; } }
  .product-main .badge-ribbon.yellow, .tile-product-badge .badge-ribbon.yellow {
    background-color: #FFCC58; }
  .product-main .badge-ribbon.teal, .tile-product-badge .badge-ribbon.teal {
    background: #49BFBF; }
  .product-main .badge-ribbon.purple, .tile-product-badge .badge-ribbon.purple {
    background: #9B88C2; }
  .product-main .badge-ribbon.pink, .tile-product-badge .badge-ribbon.pink {
    background: #F8CBD4; }

.product-main .br-price, .tile-product-badge .br-price {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap; }
  @media (min-width: 769px) {
    .product-main .br-price, .tile-product-badge .br-price {
      font-size: 1.375rem;
      line-height: 1.375rem; } }

.product-main .br-copy, .tile-product-badge .br-copy {
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-family: "SuisseIntl-Regular", sans-serif;
  font-display: swap; }
  @media (min-width: 769px) {
    .product-main .br-copy, .tile-product-badge .br-copy {
      font-size: 1rem;
      line-height: 1rem; } }

.tile-product-badge {
  align-items: center !important;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 999999;*/ }

.product-badge {
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap;
  font-size: 0.75rem;
  line-height: 1;
  background-color: var(--color-accent);
  color: var(--color-white);
  padding: 0.375rem 0.75rem;
  text-transform: uppercase;
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 1;
  pointer-events: none; }
  @media (min-width: 992px) {
    .product-badge {
      font-size: 0.875rem;
      padding: 0.5rem 1rem; } }
  .product-badge.sale {
    background-color: var(--color-green); }
  .product-badge.new {
    background-color: var(--color-purple); }
  .product-badge.best-seller {
    background-color: var(--color-gold); }
  .product-detail .product-badge {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    top: 1rem; }
    @media (min-width: 992px) {
      .product-detail .product-badge {
        font-size: 1.125rem;
        padding: 0.8125rem 1.875rem;
        top: 1.875rem; } }

.pd-slide .tile-container {
  margin-right: 4.69484%; }

.content-tile {
  display: flex;
  flex-wrap: wrap; }
  .content-tile.template {
    display: none; }
  .content-tile .tile-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 2.125rem 1.875rem; }
    .content-tile .tile-content .tile-body {
      display: flex;
      flex-direction: column; }
    .content-tile .tile-content .content-logo {
      margin-bottom: 0.9375rem; }
    .content-tile .tile-content .tile-title h1, .content-tile .tile-content .tile-title h2, .content-tile .tile-content .tile-title h3,
    .content-tile .tile-content .tile-title h4, .content-tile .tile-content .tile-title h5, .content-tile .tile-content .tile-title h6 {
      margin-bottom: 2.1875rem; }
    .content-tile .tile-content .tile-title .tile-link {
      text-decoration: none; }
    @media (min-width: 992px) {
      .content-tile .tile-content .tile-links p {
        margin-bottom: 1.125rem; } }
    .content-tile .tile-content .tile-description {
      margin-bottom: 2.1875rem; }
      @media (min-width: 992px) {
        .content-tile .tile-content .tile-description {
          margin-bottom: 1.0625rem; } }
    .content-tile .tile-content.left .tile-body {
      align-items: flex-start;
      text-align: left; }
    .content-tile .tile-content.right .tile-body {
      align-items: flex-end;
      text-align: right; }
    .content-tile .tile-content.center .tile-body {
      align-items: center;
      text-align: center; }
    @media (max-width: 768.98px) {
      .content-tile .tile-content .multipleButtons {
        display: block; }
        .content-tile .tile-content .multipleButtons .btn-wrap {
          display: block; }
          .content-tile .tile-content .multipleButtons .btn-wrap .btn {
            margin-right: 0; } }
  .content-tile.has-bgImage {
    position: relative; }
    .content-tile.has-bgImage .tile-content {
      width: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 0.9375rem; }
      .content-tile.has-bgImage .tile-content.top {
        top: 0; }
      .content-tile.has-bgImage .tile-content.middle {
        top: 50%;
        transform: translateY(-50%); }
      .content-tile.has-bgImage .tile-content.bottom {
        top: unset;
        bottom: 0; }
      .content-tile.has-bgImage .tile-content.split {
        height: 100%; }
        .content-tile.has-bgImage .tile-content.split .tile-body {
          height: 100%;
          justify-content: space-between; }
      .content-tile.has-bgImage .tile-content.common-image-filter {
        filter: brightness(55%); }
  .content-tile.dark .tile-body,
  .content-tile.dark .tile-body a:not(.btn),
  .content-tile.dark .tile-body a.btn-text {
    color: var(--color-black); }
  .content-tile.light .tile-body,
  .content-tile.light .tile-body a:not(.btn),
  .content-tile.light .tile-body a.btn-text {
    color: var(--color-white); }
  .content-tile.article {
    margin-bottom: 1.375rem; }
    .content-tile.article .tile-figure {
      margin-bottom: 1.875rem; }
    .content-tile.article .tile-content {
      padding: 0; }
      .content-tile.article .tile-content .tile-title h1, .content-tile.article .tile-content .tile-title h2, .content-tile.article .tile-content .tile-title h3,
      .content-tile.article .tile-content .tile-title h4, .content-tile.article .tile-content .tile-title h5, .content-tile.article .tile-content .tile-title h6 {
        margin-bottom: 1.625rem; }
      .content-tile.article .tile-content .tile-title a {
        text-decoration: none; }
      .content-tile.article .tile-content .tile-description p {
        font-size: 1rem; }
    .content-tile.article .heading-btns {
      align-items: center;
      margin-bottom: 1rem; }
      @media (max-width: 768.98px) {
        .content-tile.article .heading-btns.multipleButtons {
          display: block; }
          .content-tile.article .heading-btns.multipleButtons .btn-wrap {
            display: block; }
            .content-tile.article .heading-btns.multipleButtons .btn-wrap .btn {
              margin-right: 0; } }
      .content-tile.article .heading-btns .btn-wrap .btn.btn-text {
        padding: 0.3125rem 0 0; }
  .grid-tile-wrapper .content-tile {
    overflow: visible; }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content {
        padding: 1.625rem 1rem; } }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content .tile-title h1, .grid-tile-wrapper .content-tile .tile-content .tile-title h2, .grid-tile-wrapper .content-tile .tile-content .tile-title h3,
      .grid-tile-wrapper .content-tile .tile-content .tile-title h4, .grid-tile-wrapper .content-tile .tile-content .tile-title h5, .grid-tile-wrapper .content-tile .tile-content .tile-title h6 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1rem; } }
    @media (max-width: 768.98px) {
      .grid-tile-wrapper .content-tile .tile-content .tile-title h1, .grid-tile-wrapper .content-tile .tile-content .tile-title h2, .grid-tile-wrapper .content-tile .tile-content .tile-title h3,
      .grid-tile-wrapper .content-tile .tile-content .tile-title h4, .grid-tile-wrapper .content-tile .tile-content .tile-title h5, .grid-tile-wrapper .content-tile .tile-content .tile-title h6 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0.875rem; } }
    .grid-tile-wrapper .content-tile .tile-content .tile-description {
      margin-bottom: 0.5rem; }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content .heading-btns .btn-wrap .btn {
        font-size: 0.75rem;
        min-width: 6.875rem;
        margin: 0.375rem 0; } }

.resource-articles {
  display: flex;
  flex-wrap: wrap; }

.pd-slide .tile-container {
  margin-right: 4.69484%; }

.pd-slide .tile-container > .row {
  margin-left: 0;
  margin-right: 0; }

.content-tile {
  display: flex;
  flex-wrap: wrap; }
  .content-tile.template {
    display: none; }
  .content-tile .tile-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 2.125rem 0.5rem; }
    .content-tile .tile-content .tile-body {
      display: flex;
      flex-direction: column; }
    .content-tile .tile-content .brand-mark {
      margin-bottom: 1.0625rem; }
    .content-tile .tile-content .tile-title h1, .content-tile .tile-content .tile-title h2, .content-tile .tile-content .tile-title h3,
    .content-tile .tile-content .tile-title h4, .content-tile .tile-content .tile-title h5, .content-tile .tile-content .tile-title h6 {
      margin-bottom: 1.0625rem; }
    .content-tile .tile-content .tile-title .tile-link {
      text-decoration: none; }
    .content-tile .tile-content .tile-description p,
    .content-tile .tile-content .tile-link p {
      font-size: 0.875rem; }
      @media (min-width: 992px) {
        .content-tile .tile-content .tile-description p,
        .content-tile .tile-content .tile-link p {
          font-size: 1.125rem;
          margin-bottom: 1.125rem; } }
    .content-tile .tile-content .tile-description a,
    .content-tile .tile-content .tile-link a {
      font-size: 0.875rem;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap; }
      @media (min-width: 992px) {
        .content-tile .tile-content .tile-description a,
        .content-tile .tile-content .tile-link a {
          font-size: 1.125rem; } }
    .content-tile .tile-content .tile-description {
      margin-bottom: 2.1875rem; }
      @media (min-width: 992px) {
        .content-tile .tile-content .tile-description {
          margin-bottom: 1.0625rem; } }
    .content-tile .tile-content.left .tile-body {
      align-items: flex-start;
      text-align: left; }
    .content-tile .tile-content.right .tile-body {
      align-items: flex-end;
      text-align: right; }
    .content-tile .tile-content.center .tile-body {
      align-items: center;
      text-align: center; }
  .content-tile.has-bgImage {
    position: relative; }
    .content-tile.has-bgImage .tile-content {
      width: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 0.9375rem;
      padding: 2.125rem 1.375rem; }
      .content-tile.has-bgImage .tile-content.top {
        top: 0; }
      .content-tile.has-bgImage .tile-content.middle {
        top: 50%;
        transform: translateY(-50%); }
      .content-tile.has-bgImage .tile-content.bottom {
        top: unset;
        bottom: 0; }
      .content-tile.has-bgImage .tile-content.split {
        height: 100%; }
        .content-tile.has-bgImage .tile-content.split .tile-body {
          height: 100%;
          justify-content: space-between; }
      .content-tile.has-bgImage .tile-content.common-image-filter {
        filter: brightness(55%); }
  .content-tile.dark .tile-body,
  .content-tile.dark .tile-body a:not(.btn) {
    color: var(--color-black); }
  .content-tile.light .tile-body,
  .content-tile.light .tile-body a {
    color: var(--color-white); }
  .content-tile.article {
    margin-bottom: 1.375rem; }
    .content-tile.article .tile-figure {
      margin-bottom: 1.875rem; }
    .content-tile.article .tile-content {
      padding: 0; }
      .content-tile.article .tile-content .tile-title h1, .content-tile.article .tile-content .tile-title h2, .content-tile.article .tile-content .tile-title h3,
      .content-tile.article .tile-content .tile-title h4, .content-tile.article .tile-content .tile-title h5, .content-tile.article .tile-content .tile-title h6 {
        margin-bottom: 1.625rem; }
      .content-tile.article .tile-content .tile-title a:not(.btn):hover {
        text-decoration: underline; }
      .content-tile.article .tile-content .tile-bottom a {
        text-decoration: none; }
        .content-tile.article .tile-content .tile-bottom a:not(.btn):hover {
          text-decoration: underline; }
      .content-tile.article .tile-content .tile-description p {
        font-size: 0.875rem; }
    .content-tile.article .heading-btns {
      align-items: center;
      margin-bottom: 1rem; }
      .content-tile.article .heading-btns .btn-wrap .btn {
        margin-top: 0;
        margin-bottom: 0; }
        .content-tile.article .heading-btns .btn-wrap .btn.btn-text {
          padding: 0.3125rem 0 0;
          font-size: 0.875rem; }
  .grid-tile-wrapper .content-tile {
    overflow: visible; }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content {
        padding: 1.625rem 1rem; } }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content .tile-title h1, .grid-tile-wrapper .content-tile .tile-content .tile-title h2, .grid-tile-wrapper .content-tile .tile-content .tile-title h3,
      .grid-tile-wrapper .content-tile .tile-content .tile-title h4, .grid-tile-wrapper .content-tile .tile-content .tile-title h5, .grid-tile-wrapper .content-tile .tile-content .tile-title h6 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1rem; } }
    @media (max-width: 768.98px) {
      .grid-tile-wrapper .content-tile .tile-content .tile-title h1, .grid-tile-wrapper .content-tile .tile-content .tile-title h2, .grid-tile-wrapper .content-tile .tile-content .tile-title h3,
      .grid-tile-wrapper .content-tile .tile-content .tile-title h4, .grid-tile-wrapper .content-tile .tile-content .tile-title h5, .grid-tile-wrapper .content-tile .tile-content .tile-title h6 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0.875rem; } }
    .grid-tile-wrapper .content-tile .tile-content .tile-description {
      margin-bottom: 0.5rem; }
    @media (max-width: 991.98px) {
      .grid-tile-wrapper .content-tile .tile-content .heading-btns .btn-wrap .btn {
        font-size: 0.75rem;
        min-width: 6.875rem;
        margin: 0.375rem 0; } }

.resource-articles {
  display: flex;
  flex-wrap: wrap; }

.video-block {
  padding: 0 0.125rem;
  overflow: hidden;
  height: auto;
  position: relative; }
  .video-block__inner {
    background-size: cover;
    background-position: 50% 50%; }
  .video-block .video-js {
    width: 100%;
    height: 100%; }
  .video-block__element {
    opacity: 0; }
    .main-carousel-container .video-block__element.vjs-fluid {
      padding-top: 0;
      height: 100%; }
    .video-block__element.m-inited {
      opacity: 1; }
  .video-block__play {
    position: relative;
    transition: 0.3s ease;
    background: none;
    border: none;
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
    .is-played .video-block__play {
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
    .video-block .video-block__play {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .video-block__play::before, .video-block__play::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .video-block__play::before {
      border-radius: 50%;
      opacity: 0.8;
      background: var(--color-white);
      width: 1.625rem;
      height: 1.625rem; }
    .video-block__play::after {
      border-top: 0.3125rem solid transparent;
      border-left: 0.5rem solid var(--color-black);
      border-bottom: 0.3125rem solid transparent;
      transform: translate(-40%, -50%); }
    .video-block__play.m-scaled::before {
      transform: translate(-50%, -50%) scale(2); }
    .video-block__play.m-scaled::after {
      transform: translate(-40%, -50%) scale(2); }

.product-main .vjs-big-play-button {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 0 0 0 !important; }
  .product-main .vjs-big-play-button::before, .product-main .vjs-big-play-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .product-main .vjs-big-play-button::before {
    border-radius: 50%;
    opacity: 0.8;
    background: var(--color-white);
    width: 1.625rem;
    height: 1.625rem;
    transform: translate(-50%, -50%) scale(2); }
  .product-main .vjs-big-play-button::after {
    border-top: 0.3125rem solid transparent;
    border-left: 0.5rem solid var(--color-black);
    border-bottom: 0.3125rem solid transparent;
    transform: translate(-40%, -50%) scale(2); }
  .product-main .vjs-big-play-button .vjs-icon-placeholder {
    display: none !important; }

.pd-video-component .main-figure {
  overflow: hidden; }

.pd-video-component .video-figure {
  width: 100%;
  aspect-ratio: 16/8;
  z-index: 1; }

.pd-video-component .poster {
  display: none; }

@media (max-width: 768.98px) {
  .pd-video-component.has-poster .video-figure {
    display: none; } }

.pd-video-component.has-poster .poster {
  cursor: pointer;
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  width: 100%;
  height: 100%; }
  @media (max-width: 768.98px) {
    .pd-video-component.has-poster .poster {
      position: static; } }
  @media (min-width: 769px) {
    .pd-video-component.has-poster .poster .img-poster.has-vid-poster {
      display: none;
      opacity: 0;
      pointer-events: none; } }
  .pd-video-component.has-poster .poster .poster-image {
    width: 100%;
    padding: 0 15px; }
    @media (max-width: 768.98px) {
      .pd-video-component.has-poster .poster .poster-image {
        padding: 0; } }
  .pd-video-component.has-poster .poster .vid-poster {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 768.98px) {
      .pd-video-component.has-poster .poster .vid-poster {
        display: none;
        opacity: 0;
        pointer-events: none; } }
  .pd-video-component.has-poster .poster.js-hidden {
    opacity: 0;
    pointer-events: none; }
    @media (max-width: 768.98px) {
      .pd-video-component.has-poster .poster.js-hidden {
        display: none; } }

.pd-video-component.has-poster .image-heading-container {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease; }
  .pd-video-component.has-poster .image-heading-container.js-hidden {
    opacity: 0;
    pointer-events: none; }

.pd-video-component.has-poster .image-heading-text.button-only {
  width: 100%; }
  .pd-video-component.has-poster .image-heading-text.button-only .play-button {
    margin: 0 auto; }
  .pd-video-component.has-poster .image-heading-text.button-only .heading-btns .btn {
    min-width: inherit; }

.pd-video-component[data-playinmodal='true'].has-poster .poster {
  position: static; }
  .pd-video-component[data-playinmodal='true'].has-poster .poster .vid-poster {
    position: static;
    padding: 0; }
  .pd-video-component[data-playinmodal='true'].has-poster .poster .poster-image {
    padding: 0; }

.pd-video-component .image-heading-container .heading-btns .play-button {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0; }
  .pd-video-component .image-heading-container .heading-btns .play-button .text {
    margin-left: 1rem;
    font-size: 1.125rem; }
  .pd-video-component .image-heading-container .heading-btns .play-button:before {
    content: '';
    width: 3.3125rem;
    height: 3.3125rem;
    background-image: url("../../../images/icons/video-play-white.svg");
    background-repeat: no-repeat;
    background-size: 100%; }
  .pd-video-component .image-heading-container .heading-btns .play-button:hover:before {
    background-image: url("../../../images/icons/video-play-blue.svg"); }

.pd-video-component .image-heading-container.dark .play-button {
  color: var(--color-black); }
  .pd-video-component .image-heading-container.dark .play-button:hover {
    color: var(--color-accent); }

.pd-video-component .image-heading-container.light .play-button {
  color: var(--color-white); }
  .pd-video-component .image-heading-container.light .play-button:hover {
    color: var(--color-accent); }

.pd-hosted-video-component .hosted-video-element {
  width: 100%;
  display: block; }

.pd-hosted-video-component .hv-poster {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0; }
  .pd-hosted-video-component .hv-poster.js-hidden {
    opacity: 0;
    pointer-events: none; }

.pd-hosted-video-component .hv-video-figure {
  width: 100%;
  overflow: hidden; }

.pd-hosted-video-component figcaption.image-heading-container {
  z-index: 3;
  pointer-events: none; }
  .pd-hosted-video-component figcaption.image-heading-container.js-hidden {
    opacity: 0;
    pointer-events: none; }

.pd-hosted-video-component.image-banner .image-heading-container.notext .heading-btns {
  margin-top: 0;
  justify-content: center; }
  .pd-hosted-video-component.image-banner .image-heading-container.notext .heading-btns .btn {
    min-width: auto; }

@media (max-width: 768.98px) {
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay.mobile-center .image-heading-text {
    left: 50%; }
  .pd-hosted-video-component.image-banner .image-heading-container.left.text-overlay.mobile-center .image-heading-text {
    left: 0; } }

@media (min-width: 769px) {
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-25 {
    width: 25%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-33 {
    width: 33.33%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-50 {
    width: 50%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-66 {
    width: 66.67%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-75 {
    width: 75%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-tablet-100 {
    width: 100%; } }

@media (min-width: 992px) {
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-25 {
    width: 25%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-33 {
    width: 33.33%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-50 {
    width: 50%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-66 {
    width: 66.67%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-75 {
    width: 75%; }
  .pd-hosted-video-component.image-banner .image-heading-container.text-overlay .image-heading-text.width-desktop-100 {
    width: 100%; } }

.pd-hosted-video-component .heading-btns .play-button {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 10.125rem; }
  .pd-hosted-video-component .heading-btns .play-button.light {
    color: var(--color-white); }
  .pd-hosted-video-component .heading-btns .play-button::before {
    content: '';
    background-image: url(../images/icons/play-button.svg);
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat; }
  .pd-hosted-video-component .heading-btns .play-button span.text {
    padding-left: 0.75rem; }

.modal-dialog.hv-modal-dialog {
  min-width: 75%;
  max-width: 75%; }
  .modal-dialog.hv-modal-dialog .modal-content {
    background: transparent;
    border: none; }
  .modal-dialog.hv-modal-dialog .modal-header, .modal-dialog.hv-modal-dialog .modal-body {
    padding: 0; }
  .modal-dialog.hv-modal-dialog .modal-header .close::before {
    background-image: url("../images/icons/close-white.svg"); }
  .modal-dialog.hv-modal-dialog video {
    width: 100%;
    display: block;
    margin-top: -1px; }

@media (max-width: 768.98px) {
  .modal-dialog.hv-modal-dialog {
    min-width: 100%;
    max-width: 100%; }
  .hv-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .hv-video-figure.static-mobile {
    opacity: 0;
    pointer-events: none; }
  .heading-btns.static-mobile {
    display: none !important; } }

.btn-outline-transparent {
  color: var(--color-white);
  background: transparent;
  border-color: var(--color-white);
  border-width: 2px; }

.oauth-btn {
  display: flex;
  align-items: center;
  justify-content: center; }
  .oauth-btn__icon {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.3125rem; }
    .oauth-btn__icon.fb-icon {
      background-image: url("../../images/icons/fb-color.png"); }
    .oauth-btn__icon.google-icon {
      background-image: url("../../images/icons/google-color.png"); }
    .oauth-btn__icon.tw-icon {
      background-image: url("../../images/icons/tw-color.svg"); }
    .oauth-btn__icon.linkedin-icon {
      background-image: url("../../images/icons/linkedin.png");
      background-size: contain; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.not-fw .image-banner > .row {
  margin-right: 0;
  margin-left: 0; }

.image-banner .image-heading-container {
  padding: 0;
  position: static; }
  .image-banner .image-heading-container .heading-btns {
    display: block;
    margin-top: 0.75rem; }
    .image-banner .image-heading-container .heading-btns .cta-btn {
      margin: 0.75rem 0;
      vertical-align: top;
      white-space: nowrap; }
    .image-banner .image-heading-container .heading-btns.twoButtons .cta-btn:first-child {
      margin-right: 1rem; }
  .image-banner .image-heading-container .heading-inner {
    text-align: left; }
    .image-banner .image-heading-container .heading-inner.left {
      text-align: left; }
    .image-banner .image-heading-container .heading-inner.right {
      text-align: right; }
    .image-banner .image-heading-container .heading-inner.center {
      text-align: center; }
  .image-banner .image-heading-container.dark .image-heading-text {
    color: #000; }
    .image-banner .image-heading-container.dark .image-heading-text P {
      color: #000; }
  .image-banner .image-heading-container.light .image-heading-text {
    color: #fff; }
    .image-banner .image-heading-container.light .image-heading-text P {
      color: #fff; }
  .image-banner .image-heading-container.text-below {
    padding-top: 1rem; }
    .image-banner .image-heading-container.text-below .heading-inner {
      display: inline-block; }
    .image-banner .image-heading-container.text-below.left .image-heading-text {
      text-align: left; }
    .image-banner .image-heading-container.text-below.right .image-heading-text {
      text-align: right; }
    .image-banner .image-heading-container.text-below.center .image-heading-text {
      text-align: center; }
  .image-banner .image-heading-container.text-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .image-banner .image-heading-container.text-overlay > .container, .image-banner .promo.banner .image-heading-container.text-overlay > .text.overlay, .promo.banner .image-banner .image-heading-container.text-overlay > .text.overlay {
      position: relative;
      height: 100%;
      width: 100%; }
    .image-banner .image-heading-container.text-overlay .image-heading-text {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: left;
      margin: 0;
      max-width: 100%; }
      @media (min-width: 544px) {
        .image-banner .image-heading-container.text-overlay .image-heading-text {
          width: auto; } }
    .image-banner .image-heading-container.text-overlay .heading-btns .cta-btn {
      margin-bottom: 0; }
    .image-banner .image-heading-container.text-overlay.top .image-heading-text {
      top: 1rem;
      left: 50%;
      transform: translateX(-50%);
      text-align: center; }
    .image-banner .image-heading-container.text-overlay.right .image-heading-text {
      right: 0;
      transform: translateY(-50%);
      text-align: right; }
    .image-banner .image-heading-container.text-overlay.bottom .image-heading-text {
      top: unset;
      bottom: 5vh;
      left: 50%;
      transform: translateX(-50%);
      text-align: center; }
    .image-banner .image-heading-container.text-overlay.left .image-heading-text {
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      text-align: left; }
    .image-banner .image-heading-container.text-overlay.center .image-heading-text {
      top: 50%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%); }
    .image-banner .image-heading-container.text-overlay.top.right .image-heading-text {
      top: 5vh;
      right: 0;
      left: unset;
      transform: unset;
      text-align: right; }
    .image-banner .image-heading-container.text-overlay.top.left .image-heading-text {
      top: 5vh;
      left: 0;
      transform: unset;
      text-align: left; }
    .image-banner .image-heading-container.text-overlay.bottom.right .image-heading-text {
      top: unset;
      bottom: 5vh;
      right: 0;
      left: unset;
      transform: unset;
      text-align: right; }
    .image-banner .image-heading-container.text-overlay.bottom.left .image-heading-text {
      top: unset;
      bottom: 5vh;
      right: unset;
      left: 0;
      transform: unset;
      text-align: left; }
    .image-banner .image-heading-container.text-overlay.left.center .image-heading-text {
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      text-align: left; }
      @media (min-width: 544px) {
        .image-banner .image-heading-container.text-overlay.left.center .image-heading-text {
          left: 25%;
          transform: translate(-50%, -50%); } }
    .image-banner .image-heading-container.text-overlay.right.center .image-heading-text {
      top: 50%;
      left: unset;
      right: 0;
      transform: translateY(-50%);
      text-align: right; }
      @media (min-width: 544px) {
        .image-banner .image-heading-container.text-overlay.right.center .image-heading-text {
          right: 25%;
          transform: translate(50%, -50%);
          text-align: left; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.image-banner .mainbanner-figure {
  width: 100%;
  overflow: hidden; }
  .image-banner .mainbanner-figure .mainbanner-image.lazyloaded {
    height: auto;
    width: 100%; }
  .image-banner .mainbanner-figure .vid-poster.lazyloaded {
    width: 100%; }
  @media (min-width: 769px) {
    .image-banner .mainbanner-figure .desk-dark {
      color: black; }
    .image-banner .mainbanner-figure .desk-light {
      color: white; } }
  @media (max-width: 768.98px) {
    .image-banner .mainbanner-figure .mobile-dark {
      color: black; }
    .image-banner .mainbanner-figure .mobile-light {
      color: white; } }

.image-banner .image-heading-container {
  padding: 0 15px;
  z-index: 3; }
  .image-banner .image-heading-container .heading-inner .eyebrow {
    margin-bottom: 1.25rem; }
    @media (min-width: 769px) {
      .image-banner .image-heading-container .heading-inner .eyebrow {
        margin-bottom: 1.25rem; } }
  .image-banner .image-heading-container .heading-inner .headline {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 769px) {
      .image-banner .image-heading-container .heading-inner .headline {
        margin-bottom: 0; } }
  .image-banner .image-heading-container .heading-inner .description {
    display: block; }
    .image-banner .image-heading-container .heading-inner .description ul {
      display: inline-block; }
  .image-banner .image-heading-container .heading-inner.center .heading-btns {
    justify-content: center; }
  .image-banner .image-heading-container .heading-btns {
    display: block;
    margin-top: 1rem; }
    @media (min-width: 769px) {
      .image-banner .image-heading-container .heading-btns {
        display: flex;
        margin-top: 1.625rem; } }
    .image-banner .image-heading-container .heading-btns .btn {
      width: auto;
      min-width: 10.125rem; }
  .image-banner .image-heading-container.text-below {
    padding-top: 1rem; }
    .image-banner .image-heading-container.text-below .image-heading-text {
      padding: 1.5rem 0; }
      @media (max-width: 768.98px) {
        .image-banner .image-heading-container.text-below .image-heading-text {
          padding: 1.25rem 0; } }
    .image-banner .image-heading-container.text-below .heading-inner {
      display: inline-block; }
    .image-banner .image-heading-container.text-below.left .image-heading-text {
      text-align: left; }
    .image-banner .image-heading-container.text-below.right .image-heading-text {
      text-align: right; }
    .image-banner .image-heading-container.text-below.center .image-heading-text {
      text-align: center; }
  .image-banner .image-heading-container.overlay-mobile-only .image-heading-text {
    padding: 2.25rem 0; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-mobile-only .image-heading-text {
        padding: 2.5rem 0; } }
  @media (max-width: 768.98px) {
    .image-banner .image-heading-container.overlay-mobile-only {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0; }
      .image-banner .image-heading-container.overlay-mobile-only .heading-inner {
        display: inline-block; }
      .image-banner .image-heading-container.overlay-mobile-only .image-heading-text {
        position: absolute;
        padding: 1.875rem 1.875rem; }
      .image-banner .image-heading-container.overlay-mobile-only.left .image-heading-text {
        text-align: left; }
      .image-banner .image-heading-container.overlay-mobile-only.right .image-heading-text {
        text-align: right; }
      .image-banner .image-heading-container.overlay-mobile-only.center .image-heading-text {
        text-align: center; }
      .image-banner .image-heading-container.overlay-mobile-only.mobile-top .image-heading-text {
        top: 0;
        bottom: unset;
        left: 0;
        right: unset;
        transform: unset; }
      .image-banner .image-heading-container.overlay-mobile-only.mobile-bottom .image-heading-text {
        top: unset;
        bottom: 0;
        left: 0;
        right: unset;
        transform: unset; }
      .image-banner .image-heading-container.overlay-mobile-only.mobile-center .image-heading-text {
        top: 50%;
        transform: translateY(-50%);
        bottom: unset;
        left: 0;
        right: unset; } }
  @media (min-width: 769px) {
    .image-banner .image-heading-container.overlay-desktop-only {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; } }
  @media (min-width: 992px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      top: 50%;
      transform: translateY(-50%);
      padding: 5rem 2.375rem; } }
  @media (min-width: 769px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      position: absolute;
      text-align: left;
      margin: 0;
      max-width: 100%;
      padding: 2.25rem 2.375rem; } }
  @media (min-width: 544px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      width: auto; } }
  @media (max-width: 991.98px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      padding: 1.875rem 1.875rem; } }
  @media (max-width: 768.98px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      padding: 1.25rem 1.25rem; } }
  @media (max-width: 991.98px) {
    .image-banner .image-heading-container.overlay-desktop-only {
      padding-top: 0; }
      .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
        transform: none; }
      .image-banner .image-heading-container.overlay-desktop-only .heading-inner {
        display: inline-block; }
      .image-banner .image-heading-container.overlay-desktop-only.left .image-heading-text {
        text-align: left; }
      .image-banner .image-heading-container.overlay-desktop-only.right .image-heading-text {
        text-align: right; } }
    @media (max-width: 991.98px) and (min-width: 769px) {
      .image-banner .image-heading-container.overlay-desktop-only.right .image-heading-text {
        padding: 5rem 1.55556% 5rem 0; } }
  @media (max-width: 991.98px) {
      .image-banner .image-heading-container.overlay-desktop-only.center .image-heading-text {
        text-align: center; } }
  @media (max-width: 768.98px) {
    .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
      position: static; } }
  .image-banner .image-heading-container.overlay-desktop-only > .container, .image-banner .promo.banner .image-heading-container.overlay-desktop-only > .text.overlay, .promo.banner .image-banner .image-heading-container.overlay-desktop-only > .text.overlay {
    position: relative;
    height: 100%;
    width: 100%; }
  .image-banner .image-heading-container.overlay-desktop-only .heading-btns .cta-btn {
    margin-bottom: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.top .image-heading-text {
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  .image-banner .image-heading-container.overlay-desktop-only.right .image-heading-text {
    right: 0;
    text-align: right; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-desktop-only.right .image-heading-text {
        transform: translateY(-50%); } }
  .image-banner .image-heading-container.overlay-desktop-only.bottom .image-heading-text {
    top: unset;
    bottom: 5vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center; }
  .image-banner .image-heading-container.overlay-desktop-only.left .image-heading-text {
    left: 0;
    text-align: left; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-desktop-only.left .image-heading-text {
        top: 50%;
        transform: translateY(-50%); } }
  .image-banner .image-heading-container.overlay-desktop-only.center .image-heading-text {
    text-align: center; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-desktop-only.center .image-heading-text {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
  .image-banner .image-heading-container.overlay-desktop-only.top.right .image-heading-text {
    top: 5vh;
    right: 0;
    left: unset;
    transform: unset;
    text-align: right; }
  .image-banner .image-heading-container.overlay-desktop-only.top.left .image-heading-text {
    top: 5vh;
    left: 0;
    transform: unset;
    text-align: left; }
  .image-banner .image-heading-container.overlay-desktop-only.bottom.right .image-heading-text {
    top: unset;
    bottom: 5vh;
    right: 0;
    left: unset;
    transform: unset;
    text-align: right; }
  .image-banner .image-heading-container.overlay-desktop-only.bottom.left .image-heading-text {
    top: unset;
    bottom: 5vh;
    right: unset;
    left: 0;
    transform: unset;
    text-align: left; }
  .image-banner .image-heading-container.overlay-desktop-only.left.center .image-heading-text {
    left: 0;
    text-align: left; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-desktop-only.left.center .image-heading-text {
        top: 50%;
        transform: translateY(-50%); } }
    @media (max-width: 991.98px) {
      .image-banner .image-heading-container.overlay-desktop-only.left.center .image-heading-text {
        left: 3.5%;
        transform: none; } }
  .image-banner .image-heading-container.overlay-desktop-only.right.center .image-heading-text {
    left: unset;
    right: 0;
    text-align: right; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.overlay-desktop-only.right.center .image-heading-text {
        top: 50%;
        transform: translateY(-50%); } }
  .image-banner .image-heading-container.overlay-desktop-only .heading-inner {
    padding: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.top .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.bottom .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.top.right .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.top.left .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.bottom.right .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.overlay-desktop-only.bottom.left .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.text-overlay .image-heading-text {
    padding: 2.25rem 1.875rem; }
    @media (min-width: 992px) {
      .image-banner .image-heading-container.text-overlay .image-heading-text {
        padding: 5rem 2.375rem; } }
    @media (max-width: 768.98px) {
      .image-banner .image-heading-container.text-overlay .image-heading-text {
        padding: 1.875rem; } }
  .image-banner .image-heading-container.text-overlay .heading-inner {
    padding: 0; }
  .image-banner .image-heading-container.text-overlay.top .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.text-overlay.bottom .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.text-overlay.top.right .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.text-overlay.top.left .image-heading-text {
    top: 0; }
  .image-banner .image-heading-container.text-overlay.bottom.right .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.text-overlay.bottom.left .image-heading-text {
    bottom: 0; }
  .image-banner .image-heading-container.text-overlay.center .image-heading-text {
    width: 100%; }
  .image-banner .image-heading-container.text-overlay.center .heading-btns {
    justify-content: center; }
  @media (max-width: 768.98px) {
    .image-banner .image-heading-container.text-overlay.mobile-top .image-heading-text {
      top: 0;
      bottom: unset;
      left: 0;
      right: unset;
      transform: unset; }
    .image-banner .image-heading-container.text-overlay.mobile-bottom .image-heading-text {
      top: unset;
      bottom: 0;
      left: 0;
      right: unset;
      transform: unset; } }

@media (min-width: 544px) {
  .carousel .image-banner .image-heading-container.overlay-desktop-only.right.center .image-heading-text {
    top: 57%;
    right: 26.5%;
    transform: translate(50%, -50%);
    text-align: left;
    padding: 0 1.55556% 5rem 0; } }

.video-bg {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/8;
  pointer-events: none;
  z-index: 1; }
  .video-bg iframe {
    width: 300%;
    height: 100%;
    margin-left: -100%; }

.has-vid-bg .img-bg {
  padding: 0 15px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  z-index: 2; }

.js-has-video.js-playing .img-bg {
  opacity: 0; }

.js-has-video.js-paused .img-bg {
  opacity: 1; }

textarea.form-control {
  border-radius: 1rem; }

.product-idea-page #ideas-main-banner {
  display: flex; }

@media (max-width: 991.98px) {
  .product-idea-page .image-banner .image-heading-container {
    margin-bottom: 0; } }

.product-idea-page .image-banner .image-heading-container .heading-inner .headline h1 {
  font-size: 3rem; }

@media (max-width: 991.98px) {
  .product-idea-page .image-banner .image-heading-container .heading-inner .headline {
    margin-bottom: 0; } }

@media (min-width: 769px) {
  .product-idea-page .image-banner .image-heading-container.overlay-desktop-only {
    height: -moz-fit-content;
    height: fit-content; } }

@media (max-width: 991.98px) {
  .product-idea-page .image-banner .image-heading-container.overlay-desktop-only .image-heading-text {
    padding: 0; } }

.product-idea-page .image-banner .image-heading-container.overlay-desktop-only.left.center .image-heading-text {
  transform: none; }
  @media (min-width: 769px) {
    .product-idea-page .image-banner .image-heading-container.overlay-desktop-only.left.center .image-heading-text {
      top: 4%;
      left: 2.5%;
      transform: translate(0%, 33%); } }

.product-idea-page .image-banner .mainbanner-figure {
  margin: 0; }

.product-idea-page label.error {
  padding-left: 1rem;
  color: #EB0000;
  font-size: 0.6875rem;
  margin-top: 0.625rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  font-family: var(--skin-body-font); }

.product-idea-page textarea#terms {
  border: 0;
  border-radius: 0;
  background-color: transparent; }

.product-idea-page .custom-control.custom-checkbox {
  padding-left: 0; }

.product-idea-page .ideas-content {
  padding-top: 3rem;
  padding-bottom: 3rem; }

#agreeCheckbox .form-check {
  padding-left: 0; }
  #agreeCheckbox .form-check #ideaagree {
    display: inline;
    min-height: auto;
    margin-right: 0.5rem; }

.europe-new-customer-form {
  padding-bottom: 4rem; }
  .europe-new-customer-form .required-field {
    color: var(--color-danger); }

.klarna-outer-wrapper {
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease-in; }
  .klarna-outer-wrapper.out {
    opacity: 0; }
  .klarna-outer-wrapper.preorder-cart {
    display: none; }

.support-wellcome {
  /* background-image: url(../../images/supoort-landing-bckgrnd.jpg); */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  background-color: var(--skin-accent-color); }

.support-banner-heading {
  margin: 2.5rem 0 0; }

.support-main.header {
  color: var(--color-white);
  padding: 2.5rem 1.25rem 1.25rem; }
  .support-main.header a {
    color: var(--color-white);
    font-size: 0.75rem; }
  .support-main.header .support-copy {
    margin-bottom: 2.375rem; }
    .support-main.header .support-copy h1 {
      font-size: 2.25rem;
      line-height: 1; }
    .support-main.header .support-copy h2 {
      font-size: 1.5625rem;
      line-height: 1; }
  .support-main.header .support-form {
    max-width: 91.875rem;
    margin: auto;
    position: relative;
    margin-bottom: 1.875rem; }
    .support-main.header .support-form input {
      width: 100%;
      height: 3.125rem;
      text-align: center;
      padding-left: 3.75rem; }
      .support-main.header .support-form input::-moz-placeholder {
        color: var(--color-grey5); }
      .support-main.header .support-form input::placeholder {
        color: var(--color-grey5); }
    .support-main.header .support-form button {
      background-image: url("../../images/icons/search.svg");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      width: 2.875rem;
      height: 2.875rem;
      min-width: auto;
      border: none;
      font-size: 0;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }

.support-main.banner {
  padding: 3.125rem 0 1.25rem; }
  .support-main.banner .support-banner-heading {
    padding: 0 1.875rem; }
    @media (min-width: 769px) {
      .support-main.banner .support-banner-heading {
        padding: 0 0.9375rem; } }
    .support-main.banner .support-banner-heading h2, .support-main.banner .support-banner-heading .h2 {
      font-size: 1.5rem;
      line-height: 1;
      margin-bottom: 20px; }
  .support-main.banner .support-banner-subheading {
    padding: 0 1.875rem; }
    @media (min-width: 769px) {
      .support-main.banner .support-banner-subheading {
        padding: 0 0.9375rem; } }
    .support-main.banner .support-banner-subheading p {
      font-size: 0.875rem;
      line-height: 1.25rem; }

.support-main.top-searched h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 20px; }

.support-landing .carousel .top-searched__item__img {
  max-height: 19.375rem; }

.top-searched__content {
  margin-bottom: 1.875rem; }

.top-searched__item {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  border: 1px solid var(--color-grey300);
  border-radius: 0.3125rem;
  transition: 0.3s ease;
  padding: 0.625rem; }
  .top-searched__item:hover {
    border-color: var(--color-black); }
  .top-searched__item__img {
    width: 100%;
    max-height: 9.375rem;
    margin-bottom: 1.25rem;
    text-align: center;
    overflow: hidden; }
    .top-searched__item__img img {
      max-width: 100%;
      height: 100%;
      background-size: cover; }
  .top-searched__item__name {
    margin-bottom: 0.625rem; }
  .top-searched__item__action {
    margin-top: auto;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }

.quick-solutions__item {
  margin-bottom: 0.3125rem; }

.quick-solutions__link {
  text-decoration: none;
  font-size: 0.875rem;
  font-family: "SuisseIntl-Medium", sans-serif;
  font-display: swap; }
  .quick-solutions__link:hover {
    text-decoration: underline; }

.support-variants {
  margin-top: 1.875rem; }
  .support-variants__item {
    margin-bottom: 0.625rem; }
    @media (min-width: 769px) {
      .support-variants__item {
        max-width: 21.25rem; } }
  .support-variants__link {
    display: block;
    padding: 0.9375rem 1.5625rem 2.1875rem;
    height: 100%;
    border: 1px solid var(--color-grey300);
    border-radius: 0.3125rem;
    font-size: 0.875rem;
    text-decoration: none; }

.support-link__icon,
.support-link > .fa {
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
  border: solid var(--skin-accent-color);
  border-width: 0.1875rem;
  color: var(--skin-accent-color);
  font-size: 1.9375rem;
  position: relative; }
  .support-link__icon::before,
  .support-link > .fa::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    transform: translate(-50%, -50%); }

.support-link__headline {
  margin: 1.25rem 0 0.1875rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1; }

.support-link__phone {
  margin-bottom: 0.5rem; }

.support-link__text {
  font-size: 0.875rem;
  margin: 0.625rem 0; }

.support-link__start {
  text-decoration: underline;
  font-weight: 600;
  color: var(--skin-accent-color); }

.quick-sol-pods {
  margin-bottom: 1.25rem; }

.support-info__block + .support-info__block {
  margin-top: 1.5625rem; }

.support-info__heading {
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
  font-family: "SuisseIntl-SemiBold", sans-serif;
  font-display: swap; }

.support-info__text {
  font-size: 0.75rem;
  margin-bottom: 0.625rem; }

.support-info__action {
  font-size: 0.875rem;
  text-decoration: none; }
  .support-info__action:hover {
    text-decoration: underline; }

.sitemap-list {
  margin: 2.5rem 0;
  padding: 0; }
  .sitemap-list__item {
    margin-bottom: 0.625rem; }
  .sitemap-list__link, .sitemap-list__link:hover {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap;
    font-size: 1rem;
    line-height: 1.125rem;
    letter-spacing: 0.01562rem;
    color: var(--color-black); }

.support-products,
.support-articles {
  margin-bottom: 1.25rem; }
  .support-products__heading,
  .support-articles__heading {
    margin-bottom: 1.25rem;
    text-align: center; }
    @media (min-width: 544px) {
      .support-products__heading,
      .support-articles__heading {
        margin-bottom: 0.5rem;
        text-align: left; } }
  .support-products__inner,
  .support-articles__inner {
    margin-bottom: 2.5rem;
    text-align: left; }
  .support-products__block-heading,
  .support-articles__block-heading {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-display: swap; }
  .support-products__block-list,
  .support-articles__block-list {
    margin: 0;
    text-align: left; }
    .support-products__block-list-custom,
    .support-articles__block-list-custom {
      padding: 0;
      list-style: none; }
      .support-products__block-list-custom .support-articles__block-list-item,
      .support-articles__block-list-custom .support-articles__block-list-item {
        position: relative;
        margin-bottom: 0.9375rem;
        padding: 0.9375rem 1.25rem;
        border: solid #ccc;
        border-width: 0 0 0.0625rem; }
        @media (min-width: 769px) {
          .support-products__block-list-custom .support-articles__block-list-item,
          .support-articles__block-list-custom .support-articles__block-list-item {
            border-width: 0;
            margin: 0 0 0.3125rem 0;
            padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem; } }
        .support-products__block-list-custom .support-articles__block-list-item::before,
        .support-articles__block-list-custom .support-articles__block-list-item::before {
          position: absolute;
          top: 0;
          left: 0;
          content: '\F0F6';
          font-family: "FontAwesome";
          font-display: swap;
          margin: 1rem 0.5rem 0 0; }
          @media (min-width: 769px) {
            .support-products__block-list-custom .support-articles__block-list-item::before,
            .support-articles__block-list-custom .support-articles__block-list-item::before {
              margin: 0.3125rem 0.5rem 0 0; } }
      .support-products__block-list-custom .support-articles__block-list-link,
      .support-articles__block-list-custom .support-articles__block-list-link {
        font-family: "SuisseIntl-SemiBold", sans-serif;
        font-display: swap; }
    .support-products__block-list-link,
    .support-articles__block-list-link {
      text-decoration: none;
      font-size: 0.875rem;
      font-family: "SuisseIntl-Medium", sans-serif;
      font-display: swap; }
      .support-products__block-list-link:hover,
      .support-articles__block-list-link:hover {
        text-decoration: underline; }
  .support-products__see-more,
  .support-products__see-more a,
  .support-articles__see-more,
  .support-articles__see-more a {
    text-decoration: none;
    font-size: 0.875rem; }
  .support-products__see-more:hover,
  .support-articles__see-more:hover {
    text-decoration: underline; }
  .support-products__more,
  .support-articles__more {
    padding: 0; }
    .support-products__more.collapsed .m-less,
    .support-articles__more.collapsed .m-less {
      display: none; }
    .support-products__more.collapsed .m-more,
    .support-articles__more.collapsed .m-more {
      display: inline; }
    .support-products__more .m-more,
    .support-articles__more .m-more {
      display: none; }

/*# sourceMappingURL=global.css.map*/