.npr-3BQNE {
  overflow: hidden;
  position: relative;
}

.npr-a1NVc {
  -webkit-transition: height 300ms;
  transition: height 300ms;
}.nui-icon-medium-maximize-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-medium-minimize-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-small-maximize-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-small-minimize-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

.npr-3eBxL {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.focusable:active.npr-3eBxL,
.focusable:focus.npr-3eBxL {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

.npr-1h5DW {
  border: 1px solid transparent;
  border-width: 1px 0;
  /*
     * Any sibling accordions are pulled up 1px to hide
     * the previous one's border-top.
     */
  /*
     * If the last child of the accordion is also an accordion
     * it will need to pull up the next element to hide its
     * border too.
     */
}

.npr-1h5DW + .npr-1h5DW {
  margin-top: -1px;
}

.npr-1h5DW > .npr-2acal .npr-1h5DW:last-child {
  margin-bottom: -1px;
}

.npr-1h5DW .nui-icon-medium-maximize-0,
.npr-1h5DW .nui-icon-medium-minimize-0 {
  stroke: #000000;
}

.npr-2_0g9 {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 1.5rem 5rem 1.5rem 2rem;
}

.npr-2Nscu .npr-2acal {
  /*
     * If the accordion has accordions for children,
     * their child accordions' padding needs to be
     * increased so they appear nested.
     */
}

.npr-2Nscu .npr-2acal > :not(.npr-1h5DW) {
  padding: 0 2rem 2rem;
}

.npr-2Nscu .npr-2acal > .npr-1h5DW .npr-2_0g9 {
  padding-left: 4rem;
}

.npr-2Nscu .npr-2acal > .npr-1h5DW .npr-2acal {
  padding-left: 2rem;
}

.npr-3u_9m,
.npr-VevwX {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0rem;
}

.npr-37djW {
  right: 2rem;
}

.npr-3GTIm {
}

.npr-3GTIm > .npr-2_0g9 .npr-3u_9m {
  display: block;
}

.npr-3GTIm > .npr-2_0g9 .npr-VevwX {
  display: none;
}

.npr-10zD1 {
}

.npr-10zD1 > .npr-2_0g9 .npr-3u_9m {
  display: none;
}

.npr-10zD1 > .npr-2_0g9 .npr-VevwX {
  display: block;
}

/*
 * Themes
 */

.npr-3MHEM {
  background: transparent;
  border-color: transparent;
}

.npr-2v21S {
  background: #f0f0f0;
  border-color: #e3e3e3;
}

.npr-1W4vi {
  background: #ffffff;
  border-color: #e3e3e3;
}

.npr-3w-ha {
  background: #f9f9f9;
  border-color: #e3e3e3;
}.nui-icon-small-clear-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.npr-2N57q {
  box-sizing: border-box;
  position: relative;
}

.npr-2N57q:first-child {
  margin-left: 0 !important;
}

.npr-2nqsc {
  box-sizing: border-box;
  margin: 0 auto;
}

.npr-pBnj7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.npr-3Ieam {
  max-width: 737px;
  min-width: 320px;
  padding-left: 20px;
  padding-right: 20px;
  /*
	 * When we are ready for the 2200px grid, these lines needs to be
	 * uncommented, the max-width for the small-to-xxlarge
	 * breakpoint needs to be set to 2280px, and the medium-to-xxlarge
	 * breakpoint above needs to be changed to medium-to-xlarge
	 *
	@include xxlarge {
		padding-left: 40px;
		padding-right: 40px;
	}
	*/
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

.npr-2a-xe {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-2a-xe .npr-f_vW1,
.npr-2a-xe .npr-2a-xe .npr-16WsM h1,
.npr-2a-xe .npr-2a-xe .npr-16WsM h1,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h2,
.npr-2a-xe .npr-2a-xe .npr-16WsM h2,
.npr-2a-xe.npr-16WsM h1,
.npr-2a-xe.npr-16WsM h2 {
  font-size: 2.9rem;
}

.npr-2a-xe .npr-1gFEs,
.npr-2a-xe .npr-2a-xe .npr-16WsM h3,
.npr-2a-xe .npr-2a-xe .npr-16WsM h3,
.npr-2a-xe.npr-16WsM h3 {
  font-size: 2.5rem;
}

.npr-2a-xe .npr-3w0q0 {
  font-size: inherit;
}

.npr-2a-xe .npr-f_vW1.npr-UonbT,
.npr-2a-xe .npr-2a-xe .npr-16WsM h1.npr-UonbT,
.npr-2a-xe .npr-2a-xe .npr-16WsM h1.npr-UonbT,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h2.npr-UonbT,
.npr-2a-xe .npr-2a-xe .npr-16WsM h2.npr-UonbT,
.npr-2a-xe.npr-16WsM h1.npr-UonbT,
.npr-2a-xe.npr-16WsM h2.npr-UonbT,
.npr-2a-xe .npr-1gFEs.npr-UonbT,
.npr-2a-xe .npr-2a-xe .npr-16WsM h3.npr-UonbT,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h3.npr-UonbT,
.npr-2a-xe.npr-16WsM h3.npr-UonbT,
.npr-2a-xe .npr-2OAcC.npr-UonbT,
.npr-2a-xe .npr-2a-xe .npr-16WsM h4.npr-UonbT,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h4.npr-UonbT,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h5.npr-UonbT,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h5.npr-UonbT,
.npr-2a-xe.npr-16WsM h4.npr-UonbT,
.npr-2a-xe.npr-16WsM h5.npr-UonbT,
.npr-2a-xe .npr-3w0q0.npr-UonbT {
  font-weight: bold;
}

.npr-2a-xe .npr-f_vW1:not(.npr-UonbT),
.npr-2a-xe .npr-2a-xe .npr-16WsM h1:not(.npr-UonbT),
.npr-2a-xe .npr-2a-xe .npr-16WsM h1:not(.npr-UonbT),
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h2:not(.npr-UonbT),
.npr-2a-xe .npr-2a-xe .npr-16WsM h2:not(.npr-UonbT),
.npr-2a-xe.npr-16WsM h1:not(.npr-UonbT),
.npr-2a-xe.npr-16WsM h2:not(.npr-UonbT),
.npr-2a-xe .npr-1gFEs:not(.npr-UonbT),
.npr-2a-xe .npr-2a-xe .npr-16WsM h3:not(.npr-UonbT),
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h3:not(.npr-UonbT),
.npr-2a-xe.npr-16WsM h3:not(.npr-UonbT),
.npr-2a-xe .npr-2OAcC:not(.npr-UonbT),
.npr-2a-xe .npr-2a-xe .npr-16WsM h4:not(.npr-UonbT),
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h4:not(.npr-UonbT),
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h5:not(.npr-UonbT),
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h5:not(.npr-UonbT),
.npr-2a-xe.npr-16WsM h4:not(.npr-UonbT),
.npr-2a-xe.npr-16WsM h5:not(.npr-UonbT),
.npr-2a-xe .npr-3w0q0:not(.npr-UonbT) {
  font-weight: normal;
}

.npr-2a-xe h1,
.npr-2a-xe h2,
.npr-2a-xe h3,
.npr-2a-xe h4,
.npr-2a-xe h5,
.npr-2a-xe p,
.npr-2a-xe button,
.npr-2a-xe input,
.npr-2a-xe select,
.npr-2a-xe textarea {
  font-size: 1.5rem;
  font-weight: normal;
}

.npr-2a-xe a {
  color: currentColor;
  text-decoration: none;
}

.npr-2a-xe ul {
  list-style: none;
  padding: 0;
}

.npr-2a-xe input,
.npr-2a-xe select,
.npr-2a-xe textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-2a-xe a,
.npr-2a-xe button {
  font-family: 'Brandon Text';
}

.npr-2a-xe.npr-3JzFh,
.npr-2a-xe .npr-3JzFh {
  font-size: 1.7rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-2a-xe.npr-3JzFh h1,
.npr-2a-xe.npr-3JzFh h2,
.npr-2a-xe.npr-3JzFh h3,
.npr-2a-xe.npr-3JzFh h4,
.npr-2a-xe.npr-3JzFh h5,
.npr-2a-xe.npr-3JzFh p,
.npr-2a-xe.npr-3JzFh button,
.npr-2a-xe.npr-3JzFh input,
.npr-2a-xe.npr-3JzFh select,
.npr-2a-xe.npr-3JzFh textarea,
.npr-2a-xe .npr-3JzFh h1,
.npr-2a-xe .npr-3JzFh h2,
.npr-2a-xe .npr-3JzFh h3,
.npr-2a-xe .npr-3JzFh h4,
.npr-2a-xe .npr-3JzFh h5,
.npr-2a-xe .npr-3JzFh p,
.npr-2a-xe .npr-3JzFh button,
.npr-2a-xe .npr-3JzFh input,
.npr-2a-xe .npr-3JzFh select,
.npr-2a-xe .npr-3JzFh textarea {
  font-size: 1.7rem;
  font-weight: normal;
}

.npr-2a-xe.npr-3JzFh a,
.npr-2a-xe .npr-3JzFh a {
  color: currentColor;
  text-decoration: none;
}

.npr-2a-xe.npr-3JzFh ul,
.npr-2a-xe .npr-3JzFh ul {
  list-style: none;
  padding: 0;
}

.npr-2a-xe.npr-3JzFh input,
.npr-2a-xe.npr-3JzFh select,
.npr-2a-xe.npr-3JzFh textarea,
.npr-2a-xe .npr-3JzFh input,
.npr-2a-xe .npr-3JzFh select,
.npr-2a-xe .npr-3JzFh textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-2a-xe.npr-3JzFh a,
.npr-2a-xe.npr-3JzFh button,
.npr-2a-xe .npr-3JzFh a,
.npr-2a-xe .npr-3JzFh button {
  font-family: 'Brandon Text';
}

.npr-2a-xe.npr-3JzFh .npr-f_vW1,
.npr-2a-xe.npr-3JzFh .npr-2a-xe .npr-16WsM h1,
.npr-2a-xe .npr-2a-xe.npr-3JzFh .npr-16WsM h1,
.npr-2a-xe.npr-3JzFh
    .npr-2a-xe .npr-16WsM h2,
.npr-2a-xe .npr-2a-xe.npr-3JzFh .npr-16WsM h2,
.npr-2a-xe.npr-3JzFh .npr-2a-xe.npr-16WsM h1,
.npr-2a-xe.npr-3JzFh .npr-2a-xe.npr-16WsM h2,
.npr-2a-xe .npr-3JzFh .npr-f_vW1,
.npr-2a-xe .npr-3JzFh .npr-16WsM h1,
.npr-2a-xe .npr-3JzFh .npr-16WsM h2,
.npr-2a-xe.npr-16WsM .npr-3JzFh h1,
.npr-2a-xe.npr-16WsM .npr-3JzFh h2 {
  font-size: 2.9rem;
}

.npr-2a-xe.npr-3JzFh .npr-1gFEs,
.npr-2a-xe.npr-3JzFh .npr-2a-xe .npr-16WsM h3,
.npr-2a-xe .npr-2a-xe.npr-3JzFh .npr-16WsM h3,
.npr-2a-xe.npr-3JzFh .npr-2a-xe.npr-16WsM h3,
.npr-2a-xe .npr-3JzFh .npr-1gFEs,
.npr-2a-xe .npr-3JzFh .npr-16WsM h3,
.npr-2a-xe.npr-16WsM .npr-3JzFh h3 {
  font-size: 2.5rem;
}

.npr-2a-xe.npr-3JzFh .npr-2OAcC,
.npr-2a-xe.npr-3JzFh .npr-2a-xe .npr-16WsM h4,
.npr-2a-xe .npr-2a-xe.npr-3JzFh .npr-16WsM h4,
.npr-2a-xe.npr-3JzFh
    .npr-2a-xe .npr-16WsM h5,
.npr-2a-xe .npr-2a-xe.npr-3JzFh .npr-16WsM h5,
.npr-2a-xe.npr-3JzFh .npr-2a-xe.npr-16WsM h4,
.npr-2a-xe.npr-3JzFh .npr-2a-xe.npr-16WsM h5,
.npr-2a-xe .npr-3JzFh .npr-2OAcC,
.npr-2a-xe .npr-3JzFh .npr-16WsM h4,
.npr-2a-xe .npr-3JzFh .npr-16WsM h5,
.npr-2a-xe.npr-16WsM .npr-3JzFh h4,
.npr-2a-xe.npr-16WsM .npr-3JzFh h5 {
  font-size: 2.1rem;
}

.npr-2a-xe.npr-3JzFh .npr-3w0q0,
.npr-2a-xe .npr-3JzFh .npr-3w0q0 {
  font-size: inherit;
}

.npr-2a-xe .npr-2OAcC,
.npr-2a-xe .npr-2a-xe .npr-16WsM h4,
.npr-2a-xe .npr-2a-xe .npr-16WsM h4,
.npr-2a-xe
  .npr-2a-xe .npr-16WsM h5,
.npr-2a-xe .npr-2a-xe .npr-16WsM h5,
.npr-2a-xe.npr-16WsM h4,
.npr-2a-xe.npr-16WsM h5 {
  font-size: 2.1rem;
}

/**
 * Outputted Css for layout theme
 */

.npr-2a-xe .npr-16WsM,
.npr-2a-xe.npr-16WsM {
  /*
     * Sibling overrides
     */
}

.npr-2a-xe .npr-16WsM > :first-child,
.npr-2a-xe.npr-16WsM > :first-child {
  margin-top: 0;
}

.npr-2a-xe .npr-16WsM > :last-child,
.npr-2a-xe.npr-16WsM > :last-child {
  margin-bottom: 0;
}

.npr-2a-xe .npr-16WsM h1,
.npr-2a-xe .npr-16WsM h2,
.npr-2a-xe.npr-16WsM h1,
.npr-2a-xe.npr-16WsM h2 {
  margin: 0.67em 0;
}

.npr-2a-xe .npr-16WsM h3,
.npr-2a-xe.npr-16WsM h3 {
  margin: 1em 0;
}

.npr-2a-xe .npr-16WsM h4,
.npr-2a-xe .npr-16WsM h5,
.npr-2a-xe.npr-16WsM h4,
.npr-2a-xe.npr-16WsM h5 {
  margin: 1.5rem 0;
}

.npr-2a-xe .npr-16WsM p,
.npr-2a-xe.npr-16WsM p {
  margin: 1rem 0;
}

.npr-2a-xe .npr-16WsM a,
.npr-2a-xe.npr-16WsM a {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-2a-xe .npr-16WsM a,
.npr-2a-xe.npr-16WsM a {
  color: currentColor;
  /**
         * Can't use currentColor in linear-gradient due to Edge/Safari bug
         * (unless the currentColor is the same for all links on the page)
         */
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-2a-xe .npr-16WsM a:hover,
.npr-2a-xe .npr-16WsM a:active,
.navigation-keyboard .npr-2a-xe .npr-16WsM a:focus,
.npr-2a-xe.npr-16WsM a:hover,
.npr-2a-xe.npr-16WsM a:active,
.navigation-keyboard .npr-2a-xe.npr-16WsM a:focus {
  border-bottom: 1px solid currentColor;
}

.npr-2a-xe .npr-16WsM a .browser-ie9,
.npr-2a-xe.npr-16WsM a .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-2a-xe .npr-16WsM a,
.browser-chrome .npr-2a-xe.npr-16WsM a {
  background-size: 100% 1.8px !important;
}

.npr-2a-xe .npr-16WsM a.secondary,
.npr-2a-xe.npr-16WsM a.secondary {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-2a-xe .npr-16WsM a.secondary,
.npr-2a-xe.npr-16WsM a.secondary {
  color: currentColor;
  /**
         * Can't use currentColor in linear-gradient due to Edge/Safari bug
         * (unless the currentColor is the same for all links on the page)
         */
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-2a-xe .npr-16WsM a.secondary:hover,
.npr-2a-xe .npr-16WsM a.secondary:active,
.navigation-keyboard .npr-2a-xe .npr-16WsM a.secondary:focus,
.npr-2a-xe.npr-16WsM a.secondary:hover,
.npr-2a-xe.npr-16WsM a.secondary:active,
.navigation-keyboard .npr-2a-xe.npr-16WsM a.secondary:focus {
  border-bottom: 1px solid currentColor;
}

.npr-2a-xe .npr-16WsM a.secondary .browser-ie9,
.npr-2a-xe.npr-16WsM a.secondary .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-2a-xe .npr-16WsM a.secondary,
.browser-chrome .npr-2a-xe.npr-16WsM a.secondary {
  background-size: 100% 1.8px !important;
}

.npr-2a-xe .npr-16WsM ul,
.npr-2a-xe.npr-16WsM ul {
  list-style: none;
  margin: 1rem 0 0;
  position: relative;
  padding-left: 2.6rem;
}

.npr-2a-xe .npr-16WsM li,
.npr-2a-xe.npr-16WsM li {
  margin-top: 0.3rem;
}

.npr-2a-xe .npr-16WsM li:first-child,
.npr-2a-xe.npr-16WsM li:first-child {
  margin-top: 0;
}

.npr-2a-xe .npr-16WsM li:before,
.npr-2a-xe.npr-16WsM li:before {
  content: "\2022";
  position: absolute;
  left: 0.3rem;
  font-size: 1.3rem;
}

.npr-2a-xe .npr-16WsM h4 + p,
.npr-2a-xe.npr-16WsM h4 + p {
  margin-top: -0.5rem;
}

.npr-2a-xe .npr-16WsM h4 + ul,
.npr-2a-xe.npr-16WsM h4 + ul {
  margin-top: -0.5rem;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.nui-filters-active-filters .nui-filters-active-filters-heading {
  font-weight: bold;
}

.nui-filters-active-filters-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nui-filters-active-filters-list li {
  cursor: pointer;
  line-height: 1.25;
  position: relative;
  box-sizing: border-box;
  float: left;
}

.nui-filters-active-filters-list li a {
  color: #737373;
  display: block;
  position: relative;
  text-decoration: none;
  word-wrap: break-word;
}

.nui-filters-active-filters-list li a:hover,
.nui-filters-active-filters-list li a:focus {
  background-color: #e3e3e3;
}

.nui-filters-active-filters-heading {
  margin: 20px 0 10px;
}

.nui-filters-active-filters-list {
  overflow: hidden;
  clear: both;
}

.nui-filters-active-filters-list li {
  padding-right: 25px;
}

.nui-filters-active-filters-list li:last-child {
  margin-right: 0;
}

.nui-filters-active-filters-list li a {
  display: inline-block;
  padding: 0 30px 0 0;
  overflow: hidden;
  margin: 0 0 16px;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nui-filters-active-filters-list li a:after {
  top: 0;
}

.nui-active-filters-clear-icon {
  position: absolute;
  right: 9px;
  top: 2px;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-1k4Pu {
  padding: 0 30px;
  text-decoration: none;
  outline: none;
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #393939;
  box-sizing: border-box;
  display: inline-block;
}

.npr-1k4Pu:hover {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
}

.npr-1k4Pu:active {
  background-color: #CCC;
  border-color: #CCC;
}

.npr-1k4Pu.npr-34fNq {
  font-weight: bold;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

.npr-1k4Pu.npr-34fNq:hover {
  background-color: #666;
  border: 1px solid #666;
}

.npr-1k4Pu.npr-34fNq:active {
  background-color: #333;
  border: 1px solid #333;
}

.npr-1k4Pu.npr-3BAVT {
  border-color: #e3e3e3;
}

.npr-1k4Pu {
  font-size: 1.5rem;
  line-height: 2;
  height: 50px;
  width: 100%;
}

.npr-1k4Pu.npr-2mzbB {
  width: auto;
  padding: 0 30px;
}

.npr-37VWh {
  list-style: none;
  padding: 0;
}

.npr-37VWh li {
  display: inline-block;
}

.npr-37VWh li + li {
  margin-left: 16px;
}.nui-icon-small-chevron-down-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-medium-search-0 {
  fill: none;
  stroke: #393939;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.label-hidden {
  display: none;
}

.nui-filter-input {
  display: block;
  margin: 0 5px 15px;
  position: relative;
}

.nui-filter-input .nui-filter-search-icon {
  position: absolute;
  top: 7px;
  left: 7px;
  overflow: visible;
}

.nui-filter-input ::-webkit-input-placeholder {
  color: #bbbbbb;
}

.nui-filter-input :-ms-input-placeholder {
  color: #bbbbbb;
}

.nui-filter-input ::placeholder {
  color: #bbbbbb;
}

.nui-filter-input ::-ms-clear {
  display: none;
}

.nui-filter-input .nui-filter-search-reset {
  color: transparent;
  width: 16px;
  height: 16px;
  position: absolute;
  padding: 0;
  right: .8333em;
  top: 50%;
  margin-top: -8px;
  border: none;
  cursor: pointer;
}

.nui-filter-input .nui-filter-search-reset,
.nui-filter-input .nui-filter-search-reset:hover,
.nui-filter-input .nui-filter-search-reset:active,
.nui-filter-input .nui-filter-search-reset:focus {
  background-color: transparent;
  background-image: none;
}

.nui-filter-input .nui-filter-search-reset.is-hidden {
  display: none;
}

.nui-filter-input .nui-filter-search-reset-icon {
  position: absolute;
  top: 2px;
  left: 2px;
}

.nui-filter-input input {
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  height: 30px;
  padding: 0 5px;
  resize: none;
  text-indent: 25px;
  -webkit-transition: border-color .5s ease-out;
  transition: border-color .5s ease-out;
  vertical-align: middle;
  width: 100%;
}

.nui-filter-input input:focus {
  border-color: #393939;
  border-width: 2px;
  outline: 0;
  padding: 0 4px;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.nui-filter-option {
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: block;
  min-height: 22px;
  position: relative;
  padding: 3px 5px 0;
  word-break: break-word;
  /*
     * Applying Colors
     */
}

.nui-filter-option[aria-disabled="true"] {
  cursor: default;
}

.nui-filter-option input {
  position: absolute;
  opacity: 0;
}

.nui-filter-option input + .option-label {
  color: #393939;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}

.nui-filter-option input + .option-label:before {
  border: 1px solid;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  left: 5px;
  margin: 0 10px 0 0;
  outline: 2px solid;
  overflow: hidden;
  position: absolute;
  top: 3px;
  cursor: pointer;
}

.nui-filter-option input:disabled + .option-label {
  cursor: default;
  color: #bbbbbb;
  text-decoration: none;
}

.nui-filter-option small {
  color: #bbbbbb;
  display: inline;
  font-size: 100%;
  margin-left: 10px;
}

.nui-filter-option input:not(:checked) + .option-label:before {
  background-color: transparent;
  border-color: #737373;
  outline-color: transparent;
}

.nui-filter-option input:checked + .option-label:before {
  background-color: #393939;
  border-color: #ffffff;
  outline-color: #393939;
}

.nui-filter-option input:disabled + .option-label:before {
  background-color: transparent;
  border-color: #e3e3e3;
  outline-color: transparent;
}

.navigation-keyboard .nui-filter-option input:focus:not(:disabled):not(:checked) + .option-label:before {
  background-color: #bbbbbb;
  border-color: #ffffff;
  outline-color: #bbbbbb;
}

.navigation-keyboard .nui-filter-option input:focus:not(:disabled) + .option-label {
  text-decoration: underline;
}

.nui-filter-option:active input:not(:disabled):not(:checked) + .option-label:before {
  background-color: #393939;
  border-color: #ffffff;
  outline-color: #393939;
}

.nui-filter-option:active input:not(:disabled):checked + .option-label:before {
  background-color: #bbbbbb;
  border-color: #ffffff;
  outline-color: #bbbbbb;
}

.nui-filter-option {
  float: left;
  margin-bottom: 14px;
  padding-left: 34px;
  width: 49%;
}

.nui-filter-option:nth-child(odd) {
  clear: left;
}

.nui-filter-option input + .option-label:after {
  -webkit-clip-path: inset(2px 11px 0 1px);
          clip-path: inset(2px 11px 0 1px);
}

.nui-filter-option input + .option-label:before {
  height: 20px;
  width: 20px;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.nui-filter-menu .bubble-filters {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 15px;
}

.nui-filter-menu .no-options {
  padding: 5px;
}

.npr-Gmyxh {
  font-weight: bold;
  margin-bottom: 15px;
  overflow: auto;
}

.npr-31Uo6 {
  margin-bottom: -1px;
}

.npr-26Zju {
  background: #ffffff;
  border-top: 1px solid #e3e3e3;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}

.npr-26Zju .bubble-filters {
  overflow: auto;
  padding-bottom: 5px;
}

.npr-26Zju .column {
  float: left;
  width: 50%;
}

.npr-26Zju .filter-copy {
  margin-bottom: 20px;
}

.npr-26Zju .filter-options {
  clear: both;
  overflow: auto;
}

.npr-26Zju .filter-options.multicolumn .nui-filter-option {
  float: none;
  margin: 0 0 14px;
  width: 100%;
}

.npr-2YQo9 > * {
  padding: 2rem 2rem 0.4rem;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Responsive text groups
 * UX Specs:
 * https://confluence.nordstrom.net/display/UX/Typography+%28Desktop%29+-+ncom
 * https://confluence.nordstrom.net/display/UX/Typography+%28Mobile%29+-+ncom
 */

/**
 * Brandon Sass Mixins
 *
 * Note that the React components are preferred to the
 * sass mixins as the mixins can lead to css bloat if done
 * too often. They are included to ease the transition to
 * Brandon, but will be deprecated in the future. Performant
 * sass implementations (extensions from media queries)
 * have been restricted in the most modern implementation
 * of node-sass.
 */

.npr-3XAY5 {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-3XAY5 {
  color: currentColor;
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-3XAY5:hover,
.npr-3XAY5:active,
.navigation-keyboard .npr-3XAY5:focus {
  border-bottom: 1px solid currentColor;
}

.npr-3XAY5 .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-3XAY5 {
  background-size: 100% 1.8px !important;
}

.npr-3XAY5[role="button"] {
  cursor: pointer;
}

.npr-A6VEW {
  list-style: none;
  padding: 0;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.nui-filters-header {
  left: 0;
  overflow: visible;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
}

.nui-filters-header .nui-filters-content-toggle {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.nui-filters-header .filters-popup-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}

.nui-filters-header .clear-filters,
.nui-filters-header .filters-title {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 40px;
  margin: 0 20px;
}

.nui-filters-header .close-filters {
  display: inline-block;
  float: right;
  margin: 0 20px;
  width: auto;
}

.nui-filters-header .filters-title {
  font-weight: bold;
}

.nui-filters-header:not(.sticky) {
  visibility: hidden;
}

.nui-filters-header:not(.sticky) .clear-filters a {
  visibility: hidden !important;
}/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

.mobile-filters form {
  position: relative;
  top: -1px;
}

.npr-1oYFv {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

.npr-HCuKu:before,
.npr-HCuKu:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */

.npr-9-HuS.npr-2ToYL,
.npr-2ToYL .npr-2D1H7 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.focusable:active.npr-9-HuS.npr-2ToYL,
.npr-2ToYL .focusable:active.npr-2D1H7,
.focusable:focus.npr-9-HuS.npr-2ToYL,
.npr-2ToYL .focusable:focus.npr-2D1H7 {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

.npr-1jeoe {
  z-index: 3;
}

/*
 * Container section
 */

.npr-37Jqa {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  padding-top: 0.1px;
  position: relative;
  width: 100%;
}

.npr-2SupW .npr-2LRVm {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.npr-HCuKu {
  position: relative;
  max-width: 736px;
  min-width: 320px;
  margin: 0 auto;
}

/*
 * Overlay Wrapper section
 */

.npr-1jeoe {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.npr-20w0N {
  position: relative;
}

/*
 * Full Screen Overlay section
 */

.npr-9-HuS {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /*
     * The element should never scroll internally, it should
     * always defer to the document's scroll
     */
  overflow: visible;
  min-height: 100vh;
  /**
     * Make sure the content is always scrollable on iPhones
     * so the navigation bar doesn't get stuck exposed when
     * the user scrolls up
     */
}

.npr-9-HuS.npr-2ToYL {
  min-height: 0 !important;
  top: 0;
}

.device-i-phone .npr-9-HuS {
  /* iPhone 5 */
  /* iPhone 6 */
  /* iPhone 6 Plus */
}

@media (max-device-height: 568px) and (orientation: portrait) {
  .device-i-phone .npr-9-HuS {
    min-height: 568px;
  }
}

@media (max-device-height: 667px) and (orientation: portrait) {
  .device-i-phone .npr-9-HuS {
    min-height: 667px;
  }
}

@media (max-device-height: 736px) and (orientation: portrait) {
  .device-i-phone .npr-9-HuS {
    min-height: 736px;
  }
}

.npr-PtQvA {
  box-sizing: border-box;
  cursor: pointer;
  left: 0;
  min-height: 100vh;
  /*
     * The element should never scroll internally, it should
     * always defer to the document's scroll
     */
  overflow: visible;
  top: 0;
  width: 100%;
}

.npr-3-0bf {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  left: 0;
  opacity: 0;
  /*
     * Fixed positioning allows it to render beyond
     * the bounds of the page on iOS
     */
  position: fixed;
  top: 0;
  /*
     * Trick iOS into using the GPU to render this while
     * scrolling, preventing slow renders
     */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 100vw;
  /*
     * Extend the background 100% above and below for iOS
     * so the page content doesn't show through on overscroll
     */
  /*
     * The background should be transparent if blur is enabled
     */
}

.device-i-pad .npr-3-0bf,
.device-i-phone .npr-3-0bf {
  height: 300%;
  top: -100%;
}

.npr-3XQSd .npr-3-0bf {
  background: rgba(255, 255, 255, 0.5);
}

.npr-7WgbW {
  position: relative;
  overflow: hidden;
}

.npr-1-mO6 {
  cursor: auto;
}

.npr-8wOth .npr-1-mO6:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.npr-1mAyB .npr-7WgbW {
  position: relative;
  max-width: 736px;
  min-width: 320px;
  margin: 0 auto;
  /*
         * Force margin from children to be accounted for
         */
  padding-top: 0.1px;
}

.npr-q5Xyz .npr-7WgbW {
  margin: 0 auto;
  /*
         * Force margin from children to be accounted for
         */
  padding-top: 0.1px;
}

.npr-2D1H7 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

/*
 * Full Screen Overlay animations section
 */

.npr-wQu9i.npr-38ded .npr-3-0bf {
  opacity: 1;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.npr-wQu9i.npr-3yZoA .npr-3-0bf {
  opacity: 1;
}

.npr-wQu9i.npr-2vtm6 .npr-3-0bf {
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.npr-wQu9i.npr-2ToYL .npr-3-0bf {
  opacity: 0;
}

.npr-1BC8y {
}

.npr-1BC8y.npr-38ded .npr-7WgbW,
.npr-1BC8y.npr-38ded .npr-2D1H7 {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out 100ms;
  transition: opacity 500ms ease-in-out 100ms;
}

.npr-1BC8y.npr-3yZoA .npr-7WgbW,
.npr-1BC8y.npr-3yZoA .npr-2D1H7 {
  opacity: 1;
}

.npr-1BC8y.npr-2vtm6 .npr-7WgbW,
.npr-1BC8y.npr-2vtm6 .npr-2D1H7 {
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.npr-1BC8y.npr-2ToYL .npr-7WgbW,
.npr-1BC8y.npr-2ToYL .npr-2D1H7 {
  opacity: 0;
}

.npr-2TK9B {
  min-width: 280px;
  width: 280px;
}

.npr-2TK9B:before {
  content: "";
  background: rgba(255, 255, 255, 0.83);
  height: 300%;
  left: -100vw;
  padding-left: 100vw;
  /*
         * Fixed positioning allows it to render beyond
         * the bounds of the page on iOS
         */
  position: fixed;
  top: -100%;
  /*
         * Trick iOS into using the GPU to render this while
         * scrolling, preventing slow renders
         */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 280px;
}

.npr-2TK9B.npr-38ded {
  overflow: hidden;
  position: relative;
}

.npr-2TK9B.npr-38ded:before,
.npr-2TK9B.npr-38ded .npr-7WgbW,
.npr-2TK9B.npr-38ded .npr-2D1H7 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 250ms, -webkit-transform 600ms cubic-bezier(0.225, 1.405, 0, 1.005);
  transition: opacity 250ms, -webkit-transform 600ms cubic-bezier(0.225, 1.405, 0, 1.005);
  transition: opacity 250ms, transform 600ms cubic-bezier(0.225, 1.405, 0, 1.005);
  transition: opacity 250ms, transform 600ms cubic-bezier(0.225, 1.405, 0, 1.005), -webkit-transform 600ms cubic-bezier(0.225, 1.405, 0, 1.005);
}

.npr-2TK9B.npr-3yZoA:before,
.npr-2TK9B.npr-3yZoA .npr-7WgbW,
.npr-2TK9B.npr-3yZoA .npr-2D1H7 {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.npr-2TK9B.npr-2vtm6 {
  overflow: hidden;
  position: relative;
}

.npr-2TK9B.npr-2vtm6:before,
.npr-2TK9B.npr-2vtm6 .npr-7WgbW,
.npr-2TK9B.npr-2vtm6 .npr-2D1H7 {
  opacity: 0;
  -webkit-transform: translate3d(-280px, 0, 0);
          transform: translate3d(-280px, 0, 0);
  -webkit-transition: opacity 200ms, -webkit-transform 200ms ease;
  transition: opacity 200ms, -webkit-transform 200ms ease;
  transition: opacity 200ms, transform 200ms ease;
  transition: opacity 200ms, transform 200ms ease, -webkit-transform 200ms ease;
}

.npr-2TK9B.npr-2ToYL:before,
.npr-2TK9B.npr-2ToYL .npr-7WgbW,
.npr-2TK9B.npr-2ToYL .npr-2D1H7 {
  opacity: 0;
  -webkit-transform: translate3d(-280px, 0, 0);
          transform: translate3d(-280px, 0, 0);
}

.npr-2TK9B .npr-1-mO6 {
  min-height: 100vh;
  width: 280px;
}

.npr-2TK9B .npr-2D1H7 {
  width: 280px;
}

.npr-45tCu {
  background: #ffffff;
}

.npr-45tCu.npr-38ded {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.npr-45tCu.npr-3yZoA {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.npr-45tCu.npr-2vtm6 {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 110vh, 0);
          transform: translate3d(0, 110vh, 0);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.npr-45tCu.npr-2ToYL {
  -webkit-transform: translate3d(0, 110vh, 0);
          transform: translate3d(0, 110vh, 0);
  height: 0;
}

.npr-45tCu .npr-7WgbW {
  background: #ffffff;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

.npr-fRt9W {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-fRt9W .npr-2XXjD,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h2,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h2,
.npr-fRt9W.npr-B53V5 h1,
.npr-fRt9W.npr-B53V5 h2 {
  font-size: 2.9rem;
}

.npr-fRt9W .npr-17xNo,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h3,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h3,
.npr-fRt9W.npr-B53V5 h3 {
  font-size: 2.5rem;
}

.npr-fRt9W .npr-120TQ {
  font-size: inherit;
}

.npr-fRt9W .npr-2XXjD.npr-2TjEp,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1.npr-2TjEp,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1.npr-2TjEp,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h2.npr-2TjEp,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h2.npr-2TjEp,
.npr-fRt9W.npr-B53V5 h1.npr-2TjEp,
.npr-fRt9W.npr-B53V5 h2.npr-2TjEp,
.npr-fRt9W .npr-17xNo.npr-2TjEp,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h3.npr-2TjEp,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h3.npr-2TjEp,
.npr-fRt9W.npr-B53V5 h3.npr-2TjEp,
.npr-fRt9W .npr-15jF_.npr-2TjEp,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h4.npr-2TjEp,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h4.npr-2TjEp,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h5.npr-2TjEp,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h5.npr-2TjEp,
.npr-fRt9W.npr-B53V5 h4.npr-2TjEp,
.npr-fRt9W.npr-B53V5 h5.npr-2TjEp,
.npr-fRt9W .npr-120TQ.npr-2TjEp {
  font-weight: bold;
}

.npr-fRt9W .npr-2XXjD:not(.npr-2TjEp),
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1:not(.npr-2TjEp),
.npr-fRt9W .npr-fRt9W .npr-B53V5 h1:not(.npr-2TjEp),
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h2:not(.npr-2TjEp),
.npr-fRt9W .npr-fRt9W .npr-B53V5 h2:not(.npr-2TjEp),
.npr-fRt9W.npr-B53V5 h1:not(.npr-2TjEp),
.npr-fRt9W.npr-B53V5 h2:not(.npr-2TjEp),
.npr-fRt9W .npr-17xNo:not(.npr-2TjEp),
.npr-fRt9W .npr-fRt9W .npr-B53V5 h3:not(.npr-2TjEp),
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h3:not(.npr-2TjEp),
.npr-fRt9W.npr-B53V5 h3:not(.npr-2TjEp),
.npr-fRt9W .npr-15jF_:not(.npr-2TjEp),
.npr-fRt9W .npr-fRt9W .npr-B53V5 h4:not(.npr-2TjEp),
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h4:not(.npr-2TjEp),
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h5:not(.npr-2TjEp),
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h5:not(.npr-2TjEp),
.npr-fRt9W.npr-B53V5 h4:not(.npr-2TjEp),
.npr-fRt9W.npr-B53V5 h5:not(.npr-2TjEp),
.npr-fRt9W .npr-120TQ:not(.npr-2TjEp) {
  font-weight: normal;
}

.npr-fRt9W h1,
.npr-fRt9W h2,
.npr-fRt9W h3,
.npr-fRt9W h4,
.npr-fRt9W h5,
.npr-fRt9W p,
.npr-fRt9W button,
.npr-fRt9W input,
.npr-fRt9W select,
.npr-fRt9W textarea {
  font-size: 1.5rem;
  font-weight: normal;
}

.npr-fRt9W a {
  color: currentColor;
  text-decoration: none;
}

.npr-fRt9W ul {
  list-style: none;
  padding: 0;
}

.npr-fRt9W input,
.npr-fRt9W select,
.npr-fRt9W textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-fRt9W a,
.npr-fRt9W button {
  font-family: 'Brandon Text';
}

.npr-fRt9W.npr-nbGb7,
.npr-fRt9W .npr-nbGb7 {
  font-size: 1.7rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-fRt9W.npr-nbGb7 h1,
.npr-fRt9W.npr-nbGb7 h2,
.npr-fRt9W.npr-nbGb7 h3,
.npr-fRt9W.npr-nbGb7 h4,
.npr-fRt9W.npr-nbGb7 h5,
.npr-fRt9W.npr-nbGb7 p,
.npr-fRt9W.npr-nbGb7 button,
.npr-fRt9W.npr-nbGb7 input,
.npr-fRt9W.npr-nbGb7 select,
.npr-fRt9W.npr-nbGb7 textarea,
.npr-fRt9W .npr-nbGb7 h1,
.npr-fRt9W .npr-nbGb7 h2,
.npr-fRt9W .npr-nbGb7 h3,
.npr-fRt9W .npr-nbGb7 h4,
.npr-fRt9W .npr-nbGb7 h5,
.npr-fRt9W .npr-nbGb7 p,
.npr-fRt9W .npr-nbGb7 button,
.npr-fRt9W .npr-nbGb7 input,
.npr-fRt9W .npr-nbGb7 select,
.npr-fRt9W .npr-nbGb7 textarea {
  font-size: 1.7rem;
  font-weight: normal;
}

.npr-fRt9W.npr-nbGb7 a,
.npr-fRt9W .npr-nbGb7 a {
  color: currentColor;
  text-decoration: none;
}

.npr-fRt9W.npr-nbGb7 ul,
.npr-fRt9W .npr-nbGb7 ul {
  list-style: none;
  padding: 0;
}

.npr-fRt9W.npr-nbGb7 input,
.npr-fRt9W.npr-nbGb7 select,
.npr-fRt9W.npr-nbGb7 textarea,
.npr-fRt9W .npr-nbGb7 input,
.npr-fRt9W .npr-nbGb7 select,
.npr-fRt9W .npr-nbGb7 textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-fRt9W.npr-nbGb7 a,
.npr-fRt9W.npr-nbGb7 button,
.npr-fRt9W .npr-nbGb7 a,
.npr-fRt9W .npr-nbGb7 button {
  font-family: 'Brandon Text';
}

.npr-fRt9W.npr-nbGb7 .npr-2XXjD,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W .npr-B53V5 h1,
.npr-fRt9W .npr-fRt9W.npr-nbGb7 .npr-B53V5 h1,
.npr-fRt9W.npr-nbGb7
    .npr-fRt9W .npr-B53V5 h2,
.npr-fRt9W .npr-fRt9W.npr-nbGb7 .npr-B53V5 h2,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W.npr-B53V5 h1,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W.npr-B53V5 h2,
.npr-fRt9W .npr-nbGb7 .npr-2XXjD,
.npr-fRt9W .npr-nbGb7 .npr-B53V5 h1,
.npr-fRt9W .npr-nbGb7 .npr-B53V5 h2,
.npr-fRt9W.npr-B53V5 .npr-nbGb7 h1,
.npr-fRt9W.npr-B53V5 .npr-nbGb7 h2 {
  font-size: 2.9rem;
}

.npr-fRt9W.npr-nbGb7 .npr-17xNo,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W .npr-B53V5 h3,
.npr-fRt9W .npr-fRt9W.npr-nbGb7 .npr-B53V5 h3,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W.npr-B53V5 h3,
.npr-fRt9W .npr-nbGb7 .npr-17xNo,
.npr-fRt9W .npr-nbGb7 .npr-B53V5 h3,
.npr-fRt9W.npr-B53V5 .npr-nbGb7 h3 {
  font-size: 2.5rem;
}

.npr-fRt9W.npr-nbGb7 .npr-15jF_,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W .npr-B53V5 h4,
.npr-fRt9W .npr-fRt9W.npr-nbGb7 .npr-B53V5 h4,
.npr-fRt9W.npr-nbGb7
    .npr-fRt9W .npr-B53V5 h5,
.npr-fRt9W .npr-fRt9W.npr-nbGb7 .npr-B53V5 h5,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W.npr-B53V5 h4,
.npr-fRt9W.npr-nbGb7 .npr-fRt9W.npr-B53V5 h5,
.npr-fRt9W .npr-nbGb7 .npr-15jF_,
.npr-fRt9W .npr-nbGb7 .npr-B53V5 h4,
.npr-fRt9W .npr-nbGb7 .npr-B53V5 h5,
.npr-fRt9W.npr-B53V5 .npr-nbGb7 h4,
.npr-fRt9W.npr-B53V5 .npr-nbGb7 h5 {
  font-size: 2.1rem;
}

.npr-fRt9W.npr-nbGb7 .npr-120TQ,
.npr-fRt9W .npr-nbGb7 .npr-120TQ {
  font-size: inherit;
}

.npr-fRt9W .npr-15jF_,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h4,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h4,
.npr-fRt9W
  .npr-fRt9W .npr-B53V5 h5,
.npr-fRt9W .npr-fRt9W .npr-B53V5 h5,
.npr-fRt9W.npr-B53V5 h4,
.npr-fRt9W.npr-B53V5 h5 {
  font-size: 2.1rem;
}

/**
 * Outputted Css for layout theme
 */

.npr-fRt9W .npr-B53V5,
.npr-fRt9W.npr-B53V5 {
  /*
     * Sibling overrides
     */
}

.npr-fRt9W .npr-B53V5 > :first-child,
.npr-fRt9W.npr-B53V5 > :first-child {
  margin-top: 0;
}

.npr-fRt9W .npr-B53V5 > :last-child,
.npr-fRt9W.npr-B53V5 > :last-child {
  margin-bottom: 0;
}

.npr-fRt9W .npr-B53V5 h1,
.npr-fRt9W .npr-B53V5 h2,
.npr-fRt9W.npr-B53V5 h1,
.npr-fRt9W.npr-B53V5 h2 {
  margin: 0.67em 0;
}

.npr-fRt9W .npr-B53V5 h3,
.npr-fRt9W.npr-B53V5 h3 {
  margin: 1em 0;
}

.npr-fRt9W .npr-B53V5 h4,
.npr-fRt9W .npr-B53V5 h5,
.npr-fRt9W.npr-B53V5 h4,
.npr-fRt9W.npr-B53V5 h5 {
  margin: 1.5rem 0;
}

.npr-fRt9W .npr-B53V5 p,
.npr-fRt9W.npr-B53V5 p {
  margin: 1rem 0;
}

.npr-fRt9W .npr-B53V5 a,
.npr-fRt9W.npr-B53V5 a {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-fRt9W .npr-B53V5 a,
.npr-fRt9W.npr-B53V5 a {
  color: currentColor;
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-fRt9W .npr-B53V5 a:hover,
.npr-fRt9W .npr-B53V5 a:active,
.navigation-keyboard .npr-fRt9W .npr-B53V5 a:focus,
.npr-fRt9W.npr-B53V5 a:hover,
.npr-fRt9W.npr-B53V5 a:active,
.navigation-keyboard .npr-fRt9W.npr-B53V5 a:focus {
  border-bottom: 1px solid currentColor;
}

.npr-fRt9W .npr-B53V5 a .browser-ie9,
.npr-fRt9W.npr-B53V5 a .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-fRt9W .npr-B53V5 a,
.browser-chrome .npr-fRt9W.npr-B53V5 a {
  background-size: 100% 1.8px !important;
}

.npr-fRt9W .npr-B53V5 a.secondary,
.npr-fRt9W.npr-B53V5 a.secondary {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-fRt9W .npr-B53V5 a.secondary,
.npr-fRt9W.npr-B53V5 a.secondary {
  color: currentColor;
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-fRt9W .npr-B53V5 a.secondary:hover,
.npr-fRt9W .npr-B53V5 a.secondary:active,
.navigation-keyboard .npr-fRt9W .npr-B53V5 a.secondary:focus,
.npr-fRt9W.npr-B53V5 a.secondary:hover,
.npr-fRt9W.npr-B53V5 a.secondary:active,
.navigation-keyboard .npr-fRt9W.npr-B53V5 a.secondary:focus {
  border-bottom: 1px solid currentColor;
}

.npr-fRt9W .npr-B53V5 a.secondary .browser-ie9,
.npr-fRt9W.npr-B53V5 a.secondary .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-fRt9W .npr-B53V5 a.secondary,
.browser-chrome .npr-fRt9W.npr-B53V5 a.secondary {
  background-size: 100% 1.8px !important;
}

.npr-fRt9W .npr-B53V5 ul,
.npr-fRt9W.npr-B53V5 ul {
  list-style: none;
  margin: 1rem 0 0;
  position: relative;
  padding-left: 2.6rem;
}

.npr-fRt9W .npr-B53V5 li,
.npr-fRt9W.npr-B53V5 li {
  margin-top: 0.3rem;
}

.npr-fRt9W .npr-B53V5 li:first-child,
.npr-fRt9W.npr-B53V5 li:first-child {
  margin-top: 0;
}

.npr-fRt9W .npr-B53V5 li:before,
.npr-fRt9W.npr-B53V5 li:before {
  content: "\2022";
  position: absolute;
  left: 0.3rem;
  font-size: 1.3rem;
}

.npr-fRt9W .npr-B53V5 h4 + p,
.npr-fRt9W.npr-B53V5 h4 + p {
  margin-top: -0.5rem;
}

.npr-fRt9W .npr-B53V5 h4 + ul,
.npr-fRt9W.npr-B53V5 h4 + ul {
  margin-top: -0.5rem;
}.npr-filters {
  margin: 10px 0;
}

.npr-filters:first-child {
  margin-top: 20px;
}.npr-1z5PM {
  text-align: center;
  margin: 0;
}.npr-25KzX {
  box-sizing: border-box;
  position: relative;
}

.npr-25KzX:first-child {
  margin-left: 0 !important;
}

.npr-1wSrj {
  box-sizing: border-box;
  margin: 0 auto;
}

.npr-F7nSw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.npr-3LX6S {
  max-width: 737px;
  min-width: 320px;
  padding-left: 20px;
  padding-right: 20px;
  /*
	 * When we are ready for the 2200px grid, these lines needs to be
	 * uncommented, the max-width for the medium-to-extra-large
	 * breakpoint needs to be set to 2280px, and the large-to-extra-large
	 * breakpoint above needs to be changed to just large
	 *
	@include extra-large {
		padding-left: 40px;
		padding-right: 40px;
	}
	*/
}.npr-2TIbN {
  margin-top: 12px;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-3HrTq {
  color: #ffffff;
}

.npr-3u5zG {
  text-align: center;
}

.npr-2_o5T {
  text-align: left;
}

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

.npr-3HD54 {
  font-size: 1.3rem;
}

.npr-1FJjL {
  font-size: 1.5rem;
}

.npr-rtxjJ {
  font-size: 1.9rem;
}

.npr-1Bho9 {
  color: #737373;
}.npr-LT3YE.npr-3q0J_,
.npr-LT3YE.npr-3q0J_ p {
  font-size: inherit;
  color: inherit;
  margin: 0;
}

.npr-2oG9X,
.npr-2oG9X p {
  display: inline;
}

.npr-2oG9X ::after {
  content: " ";
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

.npr-2LJHO {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.5rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-2LJHO .npr-3ikh2,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h2,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h2,
.npr-2LJHO.npr-2wSdh h1,
.npr-2LJHO.npr-2wSdh h2 {
  font-size: 2.9rem;
}

.npr-2LJHO .npr-2ph54,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h3,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h3,
.npr-2LJHO.npr-2wSdh h3 {
  font-size: 2.5rem;
}

.npr-2LJHO .npr-2B4Vv {
  font-size: inherit;
}

.npr-2LJHO .npr-3ikh2.npr-Z8HwK,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1.npr-Z8HwK,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1.npr-Z8HwK,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h2.npr-Z8HwK,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h2.npr-Z8HwK,
.npr-2LJHO.npr-2wSdh h1.npr-Z8HwK,
.npr-2LJHO.npr-2wSdh h2.npr-Z8HwK,
.npr-2LJHO .npr-2ph54.npr-Z8HwK,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h3.npr-Z8HwK,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h3.npr-Z8HwK,
.npr-2LJHO.npr-2wSdh h3.npr-Z8HwK,
.npr-2LJHO .npr-_PmFG.npr-Z8HwK,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h4.npr-Z8HwK,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h4.npr-Z8HwK,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h5.npr-Z8HwK,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h5.npr-Z8HwK,
.npr-2LJHO.npr-2wSdh h4.npr-Z8HwK,
.npr-2LJHO.npr-2wSdh h5.npr-Z8HwK,
.npr-2LJHO .npr-2B4Vv.npr-Z8HwK {
  font-weight: bold;
}

.npr-2LJHO .npr-3ikh2:not(.npr-Z8HwK),
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1:not(.npr-Z8HwK),
.npr-2LJHO .npr-2LJHO .npr-2wSdh h1:not(.npr-Z8HwK),
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h2:not(.npr-Z8HwK),
.npr-2LJHO .npr-2LJHO .npr-2wSdh h2:not(.npr-Z8HwK),
.npr-2LJHO.npr-2wSdh h1:not(.npr-Z8HwK),
.npr-2LJHO.npr-2wSdh h2:not(.npr-Z8HwK),
.npr-2LJHO .npr-2ph54:not(.npr-Z8HwK),
.npr-2LJHO .npr-2LJHO .npr-2wSdh h3:not(.npr-Z8HwK),
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h3:not(.npr-Z8HwK),
.npr-2LJHO.npr-2wSdh h3:not(.npr-Z8HwK),
.npr-2LJHO .npr-_PmFG:not(.npr-Z8HwK),
.npr-2LJHO .npr-2LJHO .npr-2wSdh h4:not(.npr-Z8HwK),
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h4:not(.npr-Z8HwK),
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h5:not(.npr-Z8HwK),
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h5:not(.npr-Z8HwK),
.npr-2LJHO.npr-2wSdh h4:not(.npr-Z8HwK),
.npr-2LJHO.npr-2wSdh h5:not(.npr-Z8HwK),
.npr-2LJHO .npr-2B4Vv:not(.npr-Z8HwK) {
  font-weight: normal;
}

.npr-2LJHO h1,
.npr-2LJHO h2,
.npr-2LJHO h3,
.npr-2LJHO h4,
.npr-2LJHO h5,
.npr-2LJHO p,
.npr-2LJHO button,
.npr-2LJHO input,
.npr-2LJHO select,
.npr-2LJHO textarea {
  font-size: 1.5rem;
  font-weight: normal;
}

.npr-2LJHO a {
  color: currentColor;
  text-decoration: none;
}

.npr-2LJHO ul {
  list-style: none;
  padding: 0;
}

.npr-2LJHO input,
.npr-2LJHO select,
.npr-2LJHO textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-2LJHO a,
.npr-2LJHO button {
  font-family: 'Brandon Text';
}

.npr-2LJHO.npr-1byR3,
.npr-2LJHO .npr-1byR3 {
  font-size: 1.7rem;
  font-weight: normal;
  /**
     * buttons and anchors should not have their color set as it
     * will be difficult to override
     */
}

.npr-2LJHO.npr-1byR3 h1,
.npr-2LJHO.npr-1byR3 h2,
.npr-2LJHO.npr-1byR3 h3,
.npr-2LJHO.npr-1byR3 h4,
.npr-2LJHO.npr-1byR3 h5,
.npr-2LJHO.npr-1byR3 p,
.npr-2LJHO.npr-1byR3 button,
.npr-2LJHO.npr-1byR3 input,
.npr-2LJHO.npr-1byR3 select,
.npr-2LJHO.npr-1byR3 textarea,
.npr-2LJHO .npr-1byR3 h1,
.npr-2LJHO .npr-1byR3 h2,
.npr-2LJHO .npr-1byR3 h3,
.npr-2LJHO .npr-1byR3 h4,
.npr-2LJHO .npr-1byR3 h5,
.npr-2LJHO .npr-1byR3 p,
.npr-2LJHO .npr-1byR3 button,
.npr-2LJHO .npr-1byR3 input,
.npr-2LJHO .npr-1byR3 select,
.npr-2LJHO .npr-1byR3 textarea {
  font-size: 1.7rem;
  font-weight: normal;
}

.npr-2LJHO.npr-1byR3 a,
.npr-2LJHO .npr-1byR3 a {
  color: currentColor;
  text-decoration: none;
}

.npr-2LJHO.npr-1byR3 ul,
.npr-2LJHO .npr-1byR3 ul {
  list-style: none;
  padding: 0;
}

.npr-2LJHO.npr-1byR3 input,
.npr-2LJHO.npr-1byR3 select,
.npr-2LJHO.npr-1byR3 textarea,
.npr-2LJHO .npr-1byR3 input,
.npr-2LJHO .npr-1byR3 select,
.npr-2LJHO .npr-1byR3 textarea {
  color: #393939;
  font-family: 'Brandon Text';
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.npr-2LJHO.npr-1byR3 a,
.npr-2LJHO.npr-1byR3 button,
.npr-2LJHO .npr-1byR3 a,
.npr-2LJHO .npr-1byR3 button {
  font-family: 'Brandon Text';
}

.npr-2LJHO.npr-1byR3 .npr-3ikh2,
.npr-2LJHO.npr-1byR3 .npr-2LJHO .npr-2wSdh h1,
.npr-2LJHO .npr-2LJHO.npr-1byR3 .npr-2wSdh h1,
.npr-2LJHO.npr-1byR3
    .npr-2LJHO .npr-2wSdh h2,
.npr-2LJHO .npr-2LJHO.npr-1byR3 .npr-2wSdh h2,
.npr-2LJHO.npr-1byR3 .npr-2LJHO.npr-2wSdh h1,
.npr-2LJHO.npr-1byR3 .npr-2LJHO.npr-2wSdh h2,
.npr-2LJHO .npr-1byR3 .npr-3ikh2,
.npr-2LJHO .npr-1byR3 .npr-2wSdh h1,
.npr-2LJHO .npr-1byR3 .npr-2wSdh h2,
.npr-2LJHO.npr-2wSdh .npr-1byR3 h1,
.npr-2LJHO.npr-2wSdh .npr-1byR3 h2 {
  font-size: 2.9rem;
}

.npr-2LJHO.npr-1byR3 .npr-2ph54,
.npr-2LJHO.npr-1byR3 .npr-2LJHO .npr-2wSdh h3,
.npr-2LJHO .npr-2LJHO.npr-1byR3 .npr-2wSdh h3,
.npr-2LJHO.npr-1byR3 .npr-2LJHO.npr-2wSdh h3,
.npr-2LJHO .npr-1byR3 .npr-2ph54,
.npr-2LJHO .npr-1byR3 .npr-2wSdh h3,
.npr-2LJHO.npr-2wSdh .npr-1byR3 h3 {
  font-size: 2.5rem;
}

.npr-2LJHO.npr-1byR3 .npr-_PmFG,
.npr-2LJHO.npr-1byR3 .npr-2LJHO .npr-2wSdh h4,
.npr-2LJHO .npr-2LJHO.npr-1byR3 .npr-2wSdh h4,
.npr-2LJHO.npr-1byR3
    .npr-2LJHO .npr-2wSdh h5,
.npr-2LJHO .npr-2LJHO.npr-1byR3 .npr-2wSdh h5,
.npr-2LJHO.npr-1byR3 .npr-2LJHO.npr-2wSdh h4,
.npr-2LJHO.npr-1byR3 .npr-2LJHO.npr-2wSdh h5,
.npr-2LJHO .npr-1byR3 .npr-_PmFG,
.npr-2LJHO .npr-1byR3 .npr-2wSdh h4,
.npr-2LJHO .npr-1byR3 .npr-2wSdh h5,
.npr-2LJHO.npr-2wSdh .npr-1byR3 h4,
.npr-2LJHO.npr-2wSdh .npr-1byR3 h5 {
  font-size: 2.1rem;
}

.npr-2LJHO.npr-1byR3 .npr-2B4Vv,
.npr-2LJHO .npr-1byR3 .npr-2B4Vv {
  font-size: inherit;
}

.npr-2LJHO .npr-_PmFG,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h4,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h4,
.npr-2LJHO
  .npr-2LJHO .npr-2wSdh h5,
.npr-2LJHO .npr-2LJHO .npr-2wSdh h5,
.npr-2LJHO.npr-2wSdh h4,
.npr-2LJHO.npr-2wSdh h5 {
  font-size: 2.1rem;
}

/**
 * Outputted Css for layout theme
 */

.npr-2LJHO .npr-2wSdh,
.npr-2LJHO.npr-2wSdh {
  /*
     * Sibling overrides
     */
}

.npr-2LJHO .npr-2wSdh > :first-child,
.npr-2LJHO.npr-2wSdh > :first-child {
  margin-top: 0;
}

.npr-2LJHO .npr-2wSdh > :last-child,
.npr-2LJHO.npr-2wSdh > :last-child {
  margin-bottom: 0;
}

.npr-2LJHO .npr-2wSdh h1,
.npr-2LJHO .npr-2wSdh h2,
.npr-2LJHO.npr-2wSdh h1,
.npr-2LJHO.npr-2wSdh h2 {
  margin: 0.67em 0;
}

.npr-2LJHO .npr-2wSdh h3,
.npr-2LJHO.npr-2wSdh h3 {
  margin: 1em 0;
}

.npr-2LJHO .npr-2wSdh h4,
.npr-2LJHO .npr-2wSdh h5,
.npr-2LJHO.npr-2wSdh h4,
.npr-2LJHO.npr-2wSdh h5 {
  margin: 1.5rem 0;
}

.npr-2LJHO .npr-2wSdh p,
.npr-2LJHO.npr-2wSdh p {
  margin: 1rem 0;
}

.npr-2LJHO .npr-2wSdh a,
.npr-2LJHO.npr-2wSdh a {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-2LJHO .npr-2wSdh a,
.npr-2LJHO.npr-2wSdh a {
  color: currentColor;
  /**
         * Can't use currentColor in linear-gradient due to Edge/Safari bug
         * (unless the currentColor is the same for all links on the page)
         */
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-2LJHO .npr-2wSdh a:hover,
.npr-2LJHO .npr-2wSdh a:active,
.navigation-keyboard .npr-2LJHO .npr-2wSdh a:focus,
.npr-2LJHO.npr-2wSdh a:hover,
.npr-2LJHO.npr-2wSdh a:active,
.navigation-keyboard .npr-2LJHO.npr-2wSdh a:focus {
  border-bottom: 1px solid currentColor;
}

.npr-2LJHO .npr-2wSdh a .browser-ie9,
.npr-2LJHO.npr-2wSdh a .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-2LJHO .npr-2wSdh a,
.browser-chrome .npr-2LJHO.npr-2wSdh a {
  background-size: 100% 1.8px !important;
}

.npr-2LJHO .npr-2wSdh a.secondary,
.npr-2LJHO.npr-2wSdh a.secondary {
  /**
     * IE9 hack since the linear-gradient solution won"t work there
     * ".browser-ie" is a className handed down from @nui/container
     */
  /**
     * Chrome on desktop loses the underline when zoomed-out, by increasing the size to 1.8px,
     * it remains visible when zoomed-out to 67% and does not increase to 2px until zoomed-in
     * to 125%
     * ".browser-chrome" is a className handed down from @nui/container
     */
}

.npr-2LJHO .npr-2wSdh a.secondary,
.npr-2LJHO.npr-2wSdh a.secondary {
  color: currentColor;
  /**
         * Can't use currentColor in linear-gradient due to Edge/Safari bug
         * (unless the currentColor is the same for all links on the page)
         */
  background: -webkit-linear-gradient(bottom, currentColor, currentColor) no-repeat bottom;
  background: linear-gradient(to top, currentColor, currentColor) no-repeat bottom;
  background-size: 100% 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

.npr-2LJHO .npr-2wSdh a.secondary:hover,
.npr-2LJHO .npr-2wSdh a.secondary:active,
.navigation-keyboard .npr-2LJHO .npr-2wSdh a.secondary:focus,
.npr-2LJHO.npr-2wSdh a.secondary:hover,
.npr-2LJHO.npr-2wSdh a.secondary:active,
.navigation-keyboard .npr-2LJHO.npr-2wSdh a.secondary:focus {
  border-bottom: 1px solid currentColor;
}

.npr-2LJHO .npr-2wSdh a.secondary .browser-ie9,
.npr-2LJHO.npr-2wSdh a.secondary .browser-ie9 {
  border-bottom: 1px solid #393939;
}

.browser-chrome .npr-2LJHO .npr-2wSdh a.secondary,
.browser-chrome .npr-2LJHO.npr-2wSdh a.secondary {
  background-size: 100% 1.8px !important;
}

.npr-2LJHO .npr-2wSdh ul,
.npr-2LJHO.npr-2wSdh ul {
  list-style: none;
  margin: 1rem 0 0;
  position: relative;
  padding-left: 2.6rem;
}

.npr-2LJHO .npr-2wSdh li,
.npr-2LJHO.npr-2wSdh li {
  margin-top: 0.3rem;
}

.npr-2LJHO .npr-2wSdh li:first-child,
.npr-2LJHO.npr-2wSdh li:first-child {
  margin-top: 0;
}

.npr-2LJHO .npr-2wSdh li:before,
.npr-2LJHO.npr-2wSdh li:before {
  content: "\2022";
  position: absolute;
  left: 0.3rem;
  font-size: 1.3rem;
}

.npr-2LJHO .npr-2wSdh h4 + p,
.npr-2LJHO.npr-2wSdh h4 + p {
  margin-top: -0.5rem;
}

.npr-2LJHO .npr-2wSdh h4 + ul,
.npr-2LJHO.npr-2wSdh h4 + ul {
  margin-top: -0.5rem;
}.npr-1y8Ow {
  display: block;
}

.npr-Sfjq9.npr-bl3ZB {
  font-size: inherit;
}

.npr-1xhfs {
  display: inline-block;
  margin: 0;
}

.npr-1FPlH {
  display: inline-block;
}

.npr-3xUEf::before {
  content: "";
  display: block;
}

.npr-Sfjq9 {
  display: inline;
}

.npr-Sfjq9::after {
  content: ": ";
}

.npr-ts2Rp {
  display: inline;
}

.npr-ts2Rp + .npr-ts2Rp:not(.npr-3xUEf)::before {
  margin: 0 5px;
  content: "|";
}.npr-3DHeX {
  position: relative;
}.npr-1fWSz[href] {
  cursor: pointer;
}.npr-2Soc1 {
  opacity: 0;
}

.npr-2Soc1.npr-3ixBf {
  height: 0;
}

.npr-2Soc1.npr-3-Tks {
  opacity: 1;
}

.npr-2Soc1.npr-2A8HH {
  -webkit-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}.npr-sy4PA {
  width: 100%;
}.nui-icon-large-media-play-0 {
  fill: #393939;
  stroke: #393939;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.nui-icon-large-media-play-1 {
  fill: #fff;
}.npr-2pSJb {
  width: 100%;
  height: 100%;
  opacity: .7;
}.npr-TVr-U {
  position: absolute;
}.npr-1Bpkt {
  box-sizing: border-box;
  position: relative;
}

.npr-1Bpkt:first-child {
  margin-left: 0 !important;
}

.npr-gPNVB {
  box-sizing: border-box;
  margin: 0 auto;
}

.npr-GI8Yf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.npr-fPJab {
  max-width: 737px;
  min-width: 320px;
  padding-left: 20px;
  padding-right: 20px;
  /*
	 * When we are ready for the 2200px grid, these lines needs to be
	 * uncommented, the max-width for the medium-to-extra-large
	 * breakpoint needs to be set to 2280px, and the large-to-extra-large
	 * breakpoint above needs to be changed to just large
	 *
	@include extra-large {
		padding-left: 40px;
		padding-right: 40px;
	}
	*/
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Responsive text groups
 * UX Specs:
 * https://confluence.nordstrom.net/display/UX/Typography+%28Desktop%29+-+ncom
 * https://confluence.nordstrom.net/display/UX/Typography+%28Mobile%29+-+ncom
 */

/**
 * Brandon Sass Mixins
 *
 * Note that the React components are preferred to the
 * sass mixins as the mixins can lead to css bloat if done
 * too often. They are included to ease the transition to
 * Brandon, but will be deprecated in the future. Performant
 * sass implementations (extensions from media queries)
 * have been restricted in the most modern implementation
 * of node-sass.
 */

.nui-content-carousel .slides > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nui-content-carousel .nav-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  display: block;
  position: absolute;
  cursor: pointer;
  border: none;
  font-size: 0;
  padding: 0;
  height: 80px;
  width: 61px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.nui-content-carousel .nav-arrow:focus {
  outline: none;
}

.nui-content-carousel {
  position: relative;
  z-index: 0;
}

.nui-content-carousel .content {
  position: relative;
}

.nui-content-carousel .slides > ol,
.nui-content-carousel .slides > ol > li {
  width: 100%;
}

.nui-content-carousel .slides > ol {
  display: table;
  position: relative;
}

.nui-content-carousel .slides > ol > li {
  display: table-cell;
  top: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  z-index: 1;
}

.nui-content-carousel .slides > ol > li > img {
  margin: auto;
}

.nui-content-carousel .slides > ol .active {
  -webkit-transition: opacity 500ms ease-in-out, z-index 500ms step-end;
  transition: opacity 500ms ease-in-out, z-index 500ms step-end;
}

.nui-content-carousel .slides > ol .previously-active {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  z-index: 0;
}

.nui-content-carousel .slides > ol .inactive {
  opacity: 0;
  z-index: -1;
}

.nui-content-carousel .nav-arrow.disabled {
  visibility: hidden;
}

.nui-content-carousel .previous {
  left: 0;
}

.nui-content-carousel .next {
  right: 0;
}

.nui-content-carousel.hover .nav-arrow {
  opacity: 1;
  -webkit-transition: opacity 0;
  transition: opacity 0;
}

.nui-content-carousel.hover .nav-arrow:hover,
.nui-content-carousel.hover .nav-arrow:focus {
  opacity: .8;
}

.nui-content-carousel.hover .nav-arrow:active {
  opacity: 1;
}

.nav-arrow-svg-path,
.nav-arrow-svg-mask-path {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.nav-arrow-svg-path {
  stroke: transparent;
}

.nav-arrow-svg-rect {
  fill: transparent;
}

.nav-arrow:hover .nav-arrow-svg-path,
.nav-arrow:focus .nav-arrow-svg-path {
  stroke: transparent;
}

.light-theme .nav-arrow-svg-path {
  stroke: #ffffff;
}

.light-theme .nav-arrow:hover .nav-arrow-svg-rect,
.light-theme .nav-arrow:focus .nav-arrow-svg-rect {
  fill: #ffffff;
}

.dark-theme .nav-arrow-svg-path {
  stroke: #737373;
}

.dark-theme .nav-arrow:hover .nav-arrow-svg-rect,
.dark-theme .nav-arrow:focus .nav-arrow-svg-rect {
  fill: #393939;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

.npr-interactive-header:before,
.npr-interactive-header:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */

/**
 * z-index
 */

.npr-interactive-header {
  display: block;
  overflow: auto;
  width: 980px;
  margin: 0 auto;
}

.npr-interactive-header.npr-cat-nav-content-header {
  width: 760px;
}

.npr-interactive-header img {
  color: transparent;
  background-color: #f9f9f9;
}

.npr-interactive-header-intro {
  position: relative;
}

.npr-interactive-header-intro-copy {
  position: absolute;
}

.npr-interactive-header-intro-copy.copy-dark {
  color: #393939;
}

.npr-interactive-header-intro-copy.copy-light {
  color: #ffffff;
}

.npr-interactive-header-intro-copy p,
.npr-interactive-header-intro-copy ol,
.npr-interactive-header-intro-copy ul {
  margin: 0  0 .25em 0;
  font-size: 1.1rem;
}

.npr-interactive-header-intro-copy ol,
.npr-interactive-header-intro-copy ul {
  padding: 0 0 0 16px;
  display: block;
  text-align: left;
}

.npr-interactive-header-intro-copy ul {
  list-style: disc;
}

.npr-interactive-header-intro-copy li {
  display: list-item;
  line-height: 1.66667;
}

.npr-interactive-header-filters:hover .npr-interactive-header-filter {
  opacity: .7;
}

.npr-interactive-header-filters:hover .npr-interactive-header-filter:hover {
  opacity: 1;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
}

.npr-interactive-header-filters:hover .npr-interactive-header-filter:active {
  opacity: .8;
}

.npr-interactive-header-filter {
  float: left;
  color: inherit;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.navigation-mouse .npr-interactive-header-filter:focus,
.navigation-touch .npr-interactive-header-filter:focus {
  outline: 0;
}

.npr-interactive-header-filter .filter-label {
  font-weight: bold;
  line-height: 2;
  text-align: center;
  text-transform: uppercase;
}

.npr-interactive-header-filter:hover .filter-image {
  position: relative;
}

.npr-interactive-header-filter:hover .filter-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #393939;
  box-sizing: border-box;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Responsive text groups
 * UX Specs:
 * https://confluence.nordstrom.net/display/UX/Typography+%28Desktop%29+-+ncom
 * https://confluence.nordstrom.net/display/UX/Typography+%28Mobile%29+-+ncom
 */

/**
 * Brandon Sass Mixins
 *
 * Note that the React components are preferred to the
 * sass mixins as the mixins can lead to css bloat if done
 * too often. They are included to ease the transition to
 * Brandon, but will be deprecated in the future. Performant
 * sass implementations (extensions from media queries)
 * have been restricted in the most modern implementation
 * of node-sass.
 */

.npr-1t-lM {
  font-size: 12px;
}

.npr-1t-lM + .npr-1t-lM {
  margin-top: 20px;
}

.npr-3PVAN {
  cursor: pointer;
  margin: 0;
  width: 100%;
  color: #393939;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: block;
  position: relative;
  line-height: 16px;
}

.npr-3PVAN.subcopy {
  margin-bottom: 0;
}

.npr-3PVAN.subcopy p {
  font-weight: bold;
}

.npr-3PVAN input[type=radio] + p {
  margin: 0 0 0 26px;
  display: inline-block;
}

.npr-3PVAN.ie8 input[type=radio] + p {
  margin-left: 10px;
}

.npr-3PVAN::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #bbbbbb;
  background-color: #ffffff;
  position: absolute;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.npr-3PVAN:not(.ie8) input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.npr-3PVAN input[type="radio"]:checked + p::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  background: #000000;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
}

.npr-3PVAN:hover:before {
  box-shadow: 0 0 0 1px #bbbbbb;
}

.npr-3PVAN:focus:before,
.npr-3PVAN:active:before,
.npr-3PVAN.focus:before {
  border-color: #000000;
  box-shadow: 0 0 0 1px #393939;
}

.npr-3PVAN + p {
  display: block;
  margin: 8px 0 0 26px;
  position: relative;
  top: -3px;
}

.npr-3PVAN + .npr-3PVAN {
  margin-top: 20px;
}

.npr-2AQdq {
  border: 0;
  margin: 20px 0;
  padding: 0;
}

.npr-1t-lM {
  font-size: 14px;
}

.npr-3PVAN {
  font-size: 14px;
  line-height: 24px;
}

.npr-3PVAN:before {
  height: 24px;
  width: 24px;
  top: 0;
}

.npr-3PVAN input[type="radio"] + p {
  margin-left: 34px;
}

.npr-3PVAN input[type="radio"]:checked + p:before {
  width: 12px;
  height: 12px;
  top: 6px;
  left: 6px;
}

.npr-3PVAN + p {
  margin-left: 34px;
  top: -6px;
}

/**
 * The sass mixins are set to the global scope, so multiple imports of the same name will
 * override each other, so we won't be able to use the new breakpoint unless everything is
 * migrated at once
 *
    $is-context-small: true !global;
    @if $is-responsive {
        @media only screen and (min-width: $min-small-size) and (max-width: $max-small-size) {
            @content;
        }
    } @else if $is-mobile {
        @media only screen and (min-width: $min-small-size) {
            @content;
        }
    }
    @include reset-context();
*//*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-cx4wJ {
  top: 5px;
  left: 5px;
  line-height: 16px;
  min-height: 3em;
}

.npr-1WA3S p {
  font-weight: bold;
  font-size: 1.4rem;
}

.npr-1BvLA {
  margin: 0;
  position: relative;
  line-height: 14px;
  float: none;
  width: auto;
}

.npr-1BvLA p {
  font-family: "Brandon Text";
  font-size: 1.3rem;
}

.npr-vD2b7 {
  display: block;
  float: left;
  width: -webkit-calc((100% - 220px) / 2);
  width: calc((100% - 220px) / 2);
  padding-left: 100px;
  padding-right: 10px;
}

.npr-1C0Da {
  display: block;
  float: left;
  width: -webkit-calc((100% - 240px) / 3);
  width: calc((100% - 240px) / 3);
  padding: 0 40px;
}

.npr-2DroW {
  color: #ffffff;
}

.npr-P45rW.npr-2DroW {
  color: #ffffff;
}

.npr-B_Qkr {
  color: #393939;
}

.npr-P45rW.npr-B_Qkr {
  color: #393939;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-3oSAG {
  display: block;
  position: relative;
  width: 100%;
}

.npr-6UwLI {
  position: absolute;
}

.npr-MHCBx p,
.npr-MHCBx ol,
.npr-MHCBx ul {
  margin: 0  0 .25em 0;
}

.npr-MHCBx ol,
.npr-MHCBx ul {
  padding: 0 0 0 16px;
  display: block;
  text-align: left;
}

.npr-MHCBx ul {
  list-style: disc;
}

.npr-MHCBx li {
  display: list-item;
  line-height: 1.66667;
}

.npr-35u0L {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: 10px;
  box-sizing: border-box;
}

.npr-1aIH2 {
  display: block;
  width: 100%;
  margin-top: 15px;
  float: left;
  text-align: center;
  padding: 0px;
}

.npr-1aIH2 p,
.npr-1aIH2 ul {
  margin: 0  0 .25em 0;
}

.npr-1aIH2 ul {
  padding: 0 0 0 10px;
  text-align: left;
  position: absolute;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.npr-1aIH2 li {
  display: block;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.npr-1aIH2 li a {
  position: relative;
  display: inline-block;
  width: auto;
}

.npr-1aIH2 li + li {
  margin: 10px 0 0 0;
}

.npr-12gJL {
  margin-top: 10px;
}

.npr-2AGFl {
  color: #ffffff;
}

.npr-1qHIc {
  color: #393939;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-1ix_k {
  padding-bottom: 10%;
}

.npr-1ix_k::before {
  display: block;
  padding-top: 153.4%;
  content: '';
  background-color: #f9f9f9;
}

.npr-1ix_k p {
  border-bottom: 9px solid #f9f9f9;
  text-align: center;
  line-height: 1.4;
  padding: 0 5%;
}

.npr-1ix_k p:first-child {
  width: 50%;
  margin-top: 20px;
}

.npr-1ix_k p:nth-child(2) {
  width: 75%;
  margin-top: 15px;
}

.npr-1ix_k p:nth-child(3) {
  width: 25%;
  margin-top: 15px;
}.nui-icon-medium-chevron-left-0 {
  opacity: .99;
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-medium-chevron-right-0 {
  opacity: .99;
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}@charset "UTF-8";

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Fonts
 */

/**
 * Arrows & Triangles
 */

/**
 * Gradients
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-2l-BT:before {
  speak: none;
  font: normal normal 12px/1 'nui-icons';
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}

/**
 * Utils
 */

/**
 * Positioning
 */

/**
 * Accessibility
 */

.npr-1qukx,
.npr-2l-BT span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.focusable:active.npr-1qukx,
.npr-2l-BT span.focusable:active,
.focusable:focus.npr-1qukx,
.npr-2l-BT span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

.npr-hii6K {
  z-index: 3;
}

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Responsive text groups
 * UX Specs:
 * https://confluence.nordstrom.net/display/UX/Typography+%28Desktop%29+-+ncom
 * https://confluence.nordstrom.net/display/UX/Typography+%28Mobile%29+-+ncom
 */

/**
 * Brandon Sass Mixins
 *
 * Note that the React components are preferred to the
 * sass mixins as the mixins can lead to css bloat if done
 * too often. They are included to ease the transition to
 * Brandon, but will be deprecated in the future. Performant
 * sass implementations (extensions from media queries)
 * have been restricted in the most modern implementation
 * of node-sass.
 */

.npr-hii6K {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  position: absolute;
  opacity: 0;
  margin-top: auto;
  top: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.npr-2IWjy {
  opacity: 1;
}

.npr-2IWjy.npr-2cLy3 {
  opacity: 1;
}

.npr-2l-BT {
  border: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  text-decoration: none;
  z-index: 2;
}

.npr-2l-BT span {
  overflow: hidden;
  left: 0;
}

.npr-2l-BT:hover,
.npr-2l-BT:active,
.npr-2l-BT:focus {
  outline: 0;
}

.npr-2W_Z3 {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11);
  z-index: 1;
}

.npr-2W_Z3 > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.npr-2W_Z3 > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.npr-Pv2NW {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  overflow: visible;
}

.npr-3T0Ua {
  display: block;
  background: #ffffff;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 5px 5px 8px -2px rgba(0, 0, 0, 0.11);
}

.npr-1VU5V {
  margin-top: 16px;
}

.npr-1VU5V .npr-Pv2NW {
  top: 0;
}

.npr-1VU5V .npr-3T0Ua {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -8px;
}

.npr-3js80 {
  margin-bottom: 16px;
}

.npr-3js80 .npr-Pv2NW {
  bottom: 0;
}

.npr-3js80 .npr-3T0Ua {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -9px;
}

.npr-2l-BT {
  top: 14px;
  right: 13px;
}

.npr-2l-BT:before {
  content: "\EA08";
  font-size: 24px;
  -webkit-transition: color 400ms;
  transition: color 400ms;
  color: #737373;
}

.npr-31pJp .npr-2W_Z3 {
  padding: 15px 15px 20px;
}

/**
 * The sass mixins are set to the global scope, so multiple imports of the same name will
 * override each other, so we won't be able to use the new breakpoint unless everything is
 * migrated at once
 *
    $is-context-small: true !global;
    @if $is-responsive {
        @media only screen and (min-width: $min-small-size) and (max-width: $max-small-size) {
            @content;
        }
    } @else if $is-mobile {
        @media only screen and (min-width: $min-small-size) {
            @content;
        }
    }
    @include reset-context();
*//*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/** Loading-spinner styling **/

@-webkit-keyframes spin-loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin-loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.npr-1DY8x {
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  background: #ffffff;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
}

.npr-1DY8x.visible,
.npr-1DY8x.hiding {
  height: 100%;
  width: 100%;
}

.npr-1DY8x.visible .loading-icon,
.npr-1DY8x.hiding .loading-icon {
  -webkit-animation: spin-loader 1s linear infinite;
          animation: spin-loader 1s linear infinite;
}

.npr-1DY8x.visible {
  opacity: 1;
}

.npr-1DY8x.hiding {
  opacity: 0;
}

.npr-1DY8x .loading-icon {
  border: 6px solid #e3e3e3;
  height: 48px;
  margin: -30px 0 0 -30px;
  width: 48px;
  border-radius: 50%;
  left: 50%;
  position: absolute;
  top: 50%;
}

.npr-1DY8x .loading-icon .inset-wrapper {
  top: -6px;
  left: -6px;
}

.npr-1DY8x .loading-icon .inset-spinner {
  border: 6px solid #737373;
  height: 48px;
  width: 48px;
}

.npr-1DY8x.large .loading-icon {
  border: 7px solid #e3e3e3;
  height: 66px;
  margin: -40px 0 0 -40px;
  width: 66px;
}

.npr-1DY8x.large .loading-icon .inset-wrapper {
  top: -7px;
  left: -7px;
}

.npr-1DY8x.large .loading-icon .inset-spinner {
  border: 7px solid #737373;
  height: 66px;
  width: 66px;
}

.npr-1DY8x.small .loading-icon {
  border: 5px solid #e3e3e3;
  height: 30px;
  margin: -20px 0 0 -20px;
  width: 30px;
}

.npr-1DY8x.small .loading-icon .inset-wrapper {
  top: -5px;
  left: -5px;
}

.npr-1DY8x.small .loading-icon .inset-spinner {
  border: 5px solid #737373;
  height: 30px;
  width: 30px;
}

.npr-1DY8x.xsmall .loading-icon {
  border: 4px solid #e3e3e3;
  height: 12px;
  margin: -10px 0 0 -10px;
  width: 12px;
}

.npr-1DY8x.xsmall .loading-icon .inset-wrapper {
  top: -4px;
  left: -4px;
  height: 75%;
  width: 75%;
}

.npr-1DY8x.xsmall .loading-icon .inset-spinner {
  border: 4px solid #737373;
  height: 12px;
  width: 12px;
}

.npr-1DY8x .inset-wrapper {
  position: absolute;
  width: 60%;
  overflow: hidden;
  height: 60%;
}

.npr-1DY8x .inset-spinner {
  border-radius: 50%;
}@charset "UTF-8";

/**
 * Utils
 */

.npr-ahINh .product-review-popover:before,
.npr-ahINh .product-review-popover:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */

.npr-ahINh .product-color-swatches .ada-hidden-text,
.npr-ahINh .nui-star-rating .ada-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.npr-ahINh .product-color-swatches .focusable.ada-hidden-text:active,
.npr-ahINh .nui-star-rating .focusable.ada-hidden:active,
.npr-ahINh .product-color-swatches .focusable.ada-hidden-text:focus,
.npr-ahINh .nui-star-rating .focusable.ada-hidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

/* libs: html5bp-normalize */

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: arial,helvetica,sans-serif;
  color: #333;
}

body {
  margin: 0;
  font-size: 1em;
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 85%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label > input ~ span {
  cursor: text;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"]::-ms-clear {
  display: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

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

td {
  vertical-align: top;
}

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-ahINh .product-video-button:before,
.npr-ahINh .is-playing + .product-video-button:before {
  speak: none;
  font: normal normal 12px/1 'nui-icons';
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * For backwards compatibility
 */

/**
 * The RFx-served normalize stylesheet hands down
 * some problematic styles that need to be overridden
 */

/*
 * Responsive text groups
 * UX Specs:
 * https://confluence.nordstrom.net/display/UX/Typography+%28Desktop%29+-+ncom
 * https://confluence.nordstrom.net/display/UX/Typography+%28Mobile%29+-+ncom
 */

/**
 * Brandon Sass Mixins
 *
 * Note that the React components are preferred to the
 * sass mixins as the mixins can lead to css bloat if done
 * too often. They are included to ease the transition to
 * Brandon, but will be deprecated in the future. Performant
 * sass implementations (extensions from media queries)
 * have been restricted in the most modern implementation
 * of node-sass.
 */

.npr-ahINh {
  /**
 * The sass mixins are set to the global scope, so multiple imports of the same name will
 * override each other, so we won't be able to use the new breakpoint unless everything is
 * migrated at once
 *
    $is-context-small: true !global;
    @if $is-responsive {
        @media only screen and (min-width: $min-small-size) and (max-width: $max-small-size) {
            @content;
        }
    } @else if $is-mobile {
        @media only screen and (min-width: $min-small-size) {
            @content;
        }
    }
    @include reset-context();
*/
  position: relative;
  z-index: 0;
  line-height: 1.4;
  text-align: center;
}

.npr-ahINh .product-brand {
  font-weight: bold;
}

.npr-ahINh .product-brand {
  margin: 8px 10px 0 10px;
}

.npr-ahINh .product-color-count {
  margin: 8px 10px 0 10px;
  color: #737373;
}

.npr-ahINh .product-color-swatches {
  height: 24px;
  font-size: 0rem;
  position: relative;
  white-space: nowrap;
  margin: 16px 0 0 0;
}

.npr-ahINh .product-color-swatches .fade-effect-left-active {
  position: absolute;
  height: 30px;
  width: 20px;
  z-index: 1;
  top: 0;
  box-shadow: 10px 0 12px white;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in 300ms;
  transition: opacity 100ms ease-in 300ms;
}

.npr-ahINh .product-color-swatches .fade-effect-right-active {
  position: absolute;
  height: 30px;
  width: 20px;
  top: 0;
  box-shadow: -10px 0 12px white;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in 300ms;
  transition: opacity 100ms ease-in 300ms;
}

.npr-ahINh .product-color-swatches.slider {
  padding: 0 30px;
}

.npr-ahINh .product-color-swatches.slider .slider-arrow-next {
  right: 0;
}

.npr-ahINh .product-color-swatches.slider .slider-arrow-next:before {
  right: -10px;
}

.npr-ahINh .product-color-swatches.slider .slider-arrow-prev {
  left: 0;
}

.npr-ahINh .product-color-swatches.slider .slider-arrow-prev:before {
  left: -10px;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next {
  margin-top: 5px;
  position: absolute;
  top: 0;
  text-decoration: none;
  color: #737373;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev:hover .nui-icon-medium-chevron-right-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev:hover .nui-icon-medium-chevron-left-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next:hover .nui-icon-medium-chevron-right-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next:hover .nui-icon-medium-chevron-left-0 {
  stroke: #393939;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev.disabled,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next.disabled {
  cursor: default;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev.disabled:hover:before,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev.disabled:focus:before,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next.disabled:hover:before,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next.disabled:focus:before {
  background-color: transparent;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev.disabled .nui-icon-medium-chevron-right-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev.disabled .nui-icon-medium-chevron-left-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next.disabled .nui-icon-medium-chevron-right-0,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next.disabled .nui-icon-medium-chevron-left-0 {
  stroke: #e3e3e3;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev:before,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next:before {
  content: '';
  height: 30px;
  width: 30px;
  position: absolute;
  border-radius: 50%;
  top: -7px;
  z-index: -1;
}

.npr-ahINh .product-color-swatches.slider a.slider-arrow-prev:hover:before,
.npr-ahINh .product-color-swatches.slider a.slider-arrow-next:hover:before {
  background-color: #f9f9f9;
}

.npr-ahINh .product-color-swatches .swatches-inner {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 26px;
}

.npr-ahINh .product-color-swatches ul {
  background-repeat: no-repeat;
  /*
            * Set the swatch image background to the UL and then inherit, don't
            * have to worry about setting it on each individual LI or anchor
            *
            * Background position is automatically overridden in the swatch anchor,
            * so this keeps it from being seen anywhere else
            */
  background-position: 0 -24px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transition: left 400ms ease;
  transition: left 400ms ease;
  margin-left: 2px;
}

.npr-ahINh .product-color-swatches li {
  background: inherit;
  display: inline-block;
}

.npr-ahINh .product-color-swatches li + li {
  margin-left: 16px;
}

.npr-ahINh .product-color-swatches .swatch {
  background: inherit;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #e3e3e3;
}

.npr-ahINh .product-color-swatches .swatch:after {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  content: "";
  position: absolute;
  border-radius: 50%;
}

.npr-ahINh .product-color-swatches .swatch:hover,
.npr-ahINh .product-color-swatches .swatch:focus,
.npr-ahINh .product-color-swatches .swatch.active {
  box-shadow: 0 0 0 2px #393939;
}

.npr-ahINh .product-color-swatches .swatch:hover,
.npr-ahINh .product-color-swatches .swatch:focus {
  box-shadow: 0 0 0 2px #999999;
}

.npr-ahINh .product-color-swatches .swatch.active {
  box-shadow: 0 0 0 2px #393939;
}

.npr-ahINh.medium .product-color-swatches,
.npr-ahINh.small .product-color-swatches,
.npr-ahINh.extra-small .product-color-swatches,
.npr-ahINh .product-video-container + .product-color-swatches {
  margin-top: 20px;
}

.npr-ahINh .product-beauty-swatch {
  display: none;
}

.npr-ahINh .product-photo-href {
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
  /*
        * Force the image container to maintain the image"s aspect ratio;
        */
  padding-top: 153.4%;
}

.npr-ahINh .product-photo-href .product-photo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  color: transparent;
}

.npr-ahINh .price-umap {
  font-weight: bold;
}

.npr-ahINh .product-price {
  margin: 8px 10px 0 10px;
}

.npr-ahINh .product-price.price-type-regular .original-price {
  font-weight: bold;
}

.npr-ahINh .product-price.price-type-sale .label {
  display: none;
}

.npr-ahINh .product-price.price-type-sale.isOutfit .label,
.npr-ahINh .product-price.price-type-sale.isPriceRange .label {
  display: inline;
}

.npr-ahINh .product-price.price-type-sale .original-price {
  color: #bbbbbb;
  text-decoration: line-through;
}

.npr-ahINh .product-price.price-type-sale .sale-price .price,
.npr-ahINh .product-price.price-type-sale .sale-price .label {
  font-weight: bold;
}

.npr-ahINh .product-price.price-type-sale .sale-price .percent-off {
  color: #737373;
}

.npr-ahINh .product-price.price-type-sale .sale-price .percent-off {
  display: block;
}

.npr-ahINh .product-price.price-type-anniversary .original-price {
  color: #bbbbbb;
}

.npr-ahINh .product-price.price-type-anniversary .sale-price {
  font-weight: bold;
}

.npr-ahINh .product-price.price-type-anniversary .percent-off {
  display: none;
}

.npr-ahINh .product-price.price-type-limited-time-savings .original-price {
  color: #bbbbbb;
}

.npr-ahINh .product-price.price-type-limited-time-savings .original-price .price {
  text-decoration: line-through;
}

.npr-ahINh .product-price.price-type-limited-time-savings .sale-price {
  color: #bbbbbb;
}

.npr-ahINh .product-price.price-type-limited-time-savings .lts-price {
  font-weight: bold;
}

.npr-ahINh .product-price.price-type-limited-time-savings .lts-percent-off {
  color: #737373;
}

.npr-ahINh .product-price p {
  margin: 0;
}

.npr-ahINh .product-promotion {
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 10px 10px 0 10px;
  color: #737373;
}

.npr-ahINh .product-promotion.holiday {
  color: #e1261c;
}

.npr-ahINh .product-promotion.limited-time-savings {
  color: #393939;
}

.npr-ahINh .product-promotion.anniversary-sale,
.npr-ahINh .product-promotion.beauty-exclusive,
.npr-ahINh .product-promotion.early-access,
.npr-ahINh .product-promotion.grooming-exclusive {
  border-top: 2px solid #FBE446;
  border-bottom: 2px solid #FBE446;
  font-weight: bold;
  color: #393939;
  display: inline-block;
  margin-bottom: -2px;
  line-height: 1.4;
}

.npr-ahINh .nui-star-rating {
  height: 14px;
  line-height: 14px;
  position: relative;
  text-decoration: none;
}

.npr-ahINh .nui-star-rating:focus .stars {
  border-bottom-color: #393939;
}

.npr-ahINh .nui-star-rating .stars {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
}

.npr-ahINh .nui-star-rating .stars-empty,
.npr-ahINh .nui-star-rating .stars-full {
  font-family: "nui-icons";
  font-size: inherit;
  letter-spacing: 1px;
}

.npr-ahINh .nui-star-rating .stars-full {
  color: #e3cc2b;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
}

.npr-ahINh .nui-star-rating .stars-empty {
  color: #e3e3e3;
}

.npr-ahINh .nui-star-rating .review-count {
  margin-left: 10px;
  color: #737373;
}

.npr-ahINh .nui-star-rating .review-count:before {
  content: "(";
}

.npr-ahINh .nui-star-rating .review-count:after {
  content: ")";
}

.npr-ahINh .product-review-popover {
  z-index: 2;
  box-sizing: border-box;
}

.npr-ahINh .product-review-popover.should-show-ratings {
  width: 470px;
}

.npr-ahINh .product-review-popover > header {
  margin-right: 20px;
}

.npr-ahINh .product-review-popover > footer {
  display: block;
  clear: both;
  float: left;
  margin-top: 10px;
}

.npr-ahINh .product-review-popover .popover-product-title {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #393939;
  text-decoration: none;
}

.npr-ahINh .product-review-popover .popover-product-title:hover,
.npr-ahINh .product-review-popover .popover-product-title:focus {
  text-decoration: underline;
}

.npr-ahINh .product-review-popover .popover-ratings,
.npr-ahINh .product-review-popover .popover-review {
  float: left;
  margin-top: 15px;
}

.npr-ahINh .product-review-popover .popover-ratings {
  clear: both;
  width: 110px;
}

.npr-ahINh .product-review-popover .popover-ratings + .popover-review {
  margin-left: 40px;
}

.npr-ahINh .product-review-popover .popover-overall-rating {
  margin: 0;
}

.npr-ahINh .product-review-popover .popover-rating-distribution {
  margin-top: 10px;
}

.npr-ahINh .product-review-popover .popover-rating-distribution .nui-star-rating {
  display: block;
  white-space: nowrap;
  margin-top: 5px;
}

.npr-ahINh .product-review-popover .popover-review {
  width: 318px;
}

.npr-ahINh .product-review-popover .popover-review h4 {
  margin: 0;
  text-transform: uppercase;
}

.npr-ahINh .product-review-popover .popover-review p,
.npr-ahINh .product-review-popover .popover-review h5,
.npr-ahINh .product-review-popover .popover-review div {
  margin: 10px 0 0 0;
}

.npr-ahINh .product-review-popover .popover-review-title {
  font-size: inherit;
  text-transform: none;
}

.npr-ahINh .product-review-popover .popover-review-title .nui-star-rating + span {
  margin-left: 10px;
}

.npr-ahINh .product-review-popover .popover-review-body > div,
.npr-ahINh .product-review-popover .popover-review-body p:first-child {
  margin-top: 0;
}

.npr-ahINh .product-review-popover .popover-review-body > div + .popover-review-toggle-more {
  display: block;
  text-align: right;
}

.npr-ahINh .product-review-popover .popover-review-body > span + .popover-review-toggle-more {
  display: inline;
}

.npr-ahINh .product-review-popover .popover-review-tagline {
  color: #bbbbbb;
}

.npr-ahINh .product-rating {
  margin: 8px 10px 0 10px;
}

.npr-ahINh .product-title {
  margin: 8px 10px 0 10px;
}

.npr-ahINh a.product-href {
  color: #393939;
  display: block;
  text-decoration: none;
}

.npr-ahINh a.product-href:hover,
.npr-ahINh a.product-href:focus {
  text-decoration: underline;
}

.npr-ahINh a.product-href > span {
  display: block;
}

.npr-ahINh a.product-href > span + span {
  margin-top: 8px;
}

.npr-ahINh.is-chanel .product-title > .product-href > span {
  font-weight: bold;
}

.npr-ahINh.is-chanel .product-title > .product-href > span + span {
  font-weight: normal;
}

.npr-ahINh .product-video-container {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding-top: 153.4%;
}

.npr-ahINh .product-video-href {
  left: 0;
  box-sizing: border-box;
}

.npr-ahINh .product-video-button {
  position: absolute;
  background-color: transparent;
  width: 24px;
  height: 24px;
  bottom: 10px;
  right: 10px;
  z-index: 3;
  border: 0;
  padding: 0;
  font-size: 0;
  text-shadow: none;
}

.npr-ahINh .product-video-button:before {
  content: "\EA1E";
  font-size: 24px;
}

.npr-ahINh .product-video-button:focus {
  outline: 0;
}

.npr-ahINh .product-video-button::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #ffffff;
  z-index: 1;
}

.npr-ahINh .product-video-button::before {
  font-size: 24px;
  color: #393939;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.npr-ahINh:nth-of-type(odd) .product-video-button {
  right: 20px;
}

.npr-ahINh .is-playing + .product-video-button:before {
  content: "\EA31";
  font-size: 24px;
}

.npr-ahINh .product-video {
  visibility: hidden;
  box-sizing: border-box;
}

.npr-ahINh .is-playing.is-loaded .product-video {
  visibility: visible;
}

.npr-ahINh .product-video-href {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  /*
        * Force the image container to maintain the image's aspect ratio;
        */
  padding-top: 153.4%;
}

.npr-ahINh .product-video-href.is-playing {
  z-index: 2;
}

.npr-ahINh .product-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.npr-ahINh.has-open-popover {
  z-index: 1;
}

.npr-ahINh a {
  border-bottom: none;
}

.npr-ahINh.extra-small {
  width: 110px;
}

.npr-ahINh.small {
  width: 120px;
}

.npr-ahINh.medium {
  width: 150px;
}/**
 * Utils
 */

/**
 * Accessibility
 */

.npr-sort-select-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.focusable.npr-sort-select-label:active,
.focusable.npr-sort-select-label:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-sort {
  position: relative;
  float: left;
  width: 65%;
}

.npr-sort .select-link {
  position: absolute;
  height: 0;
  left: 0;
  top: 0;
  line-height: 24px;
}

.npr-sort .select-link span {
  visibility: hidden;
}

.npr-sort .select-link:focus {
  outline: 0;
}

.npr-sort .select-link::after {
  margin-left: 5px;
  line-height: 34px;
}

.npr-sort .npr-sort-select {
  border: 0;
  outline: 0;
  background-color: transparent;
  padding: 0;
  text-decoration: underline;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 34px;
  height: 34px;
  position: relative;
}/**
 * Utils
 */

#no-results-search-form .search-form:before,
#no-results-search-form .search-suggestions li:before,
#no-results-search-form .search-form:after,
#no-results-search-form .search-suggestions li:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */

#no-results-search-form .search-form .ada-hidden,
#no-results-search-form .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#no-results-search-form .search-form .focusable.ada-hidden:active,
#no-results-search-form .focusable.visually-hidden:active,
#no-results-search-form .search-form .focusable.ada-hidden:focus,
#no-results-search-form .focusable.visually-hidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

#no-results-search-form {
  /**
     * Predictive Search Suggestions
     */
}

#no-results-search-form .search-form {
  position: relative;
  text-align: left;
}

#no-results-search-form .search-form .search-input {
  box-sizing: border-box;
}

#no-results-search-form .search-form:focus {
  outline: 0;
}

#no-results-search-form .search-input {
  border: 1px solid #bbbbbb;
  border-right: 0;
  color: #393939;
  height: 30px;
  line-height: 1.5;
  padding: .5em 3em .5em .6666em;
  vertical-align: top;
  width: 24em;
  box-sizing: border-box;
}

#no-results-search-form .search-input placeholder {
  color: #737373;
}

#no-results-search-form .search-input:focus {
  border-color: #393939;
  border-width: 2px;
  outline: none;
  padding: .4166em 3em .4166em .5833em;
}

#no-results-search-form .search-submit {
  box-sizing: border-box;
  width: 3em;
  height: 30px;
  position: relative;
  vertical-align: top;
  display: inline-block;
  padding: 0 20px;
}

#no-results-search-form .search-submit-icon {
  position: absolute;
  top: 6px;
  left: 13px;
}

#no-results-search-form .search-submit-icon .nui-icon-medium-search-0 {
  stroke: #ffffff;
  stroke-width: 1.4px;
}

#no-results-search-form .input-clear-wrapper {
  position: relative;
  display: inline-block;
}

#no-results-search-form .search-reset {
  color: transparent;
  width: 16px;
  height: 16px;
  position: absolute;
  padding: 0;
  right: .8333em;
  top: 50%;
  margin-top: -8px;
  border: none;
  cursor: pointer;
}

#no-results-search-form .search-reset,
#no-results-search-form .search-reset:hover,
#no-results-search-form .search-reset:active,
#no-results-search-form .search-reset:focus {
  background-color: transparent;
  background-image: none;
}

#no-results-search-form .featured-results-is-enabled.search-flyout {
  width: 60.1em;
  min-height: 12em;
  /* Gives the spinner a little extra space */
}

#no-results-search-form .featured-results-is-enabled.search-flyout:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  right: 25.85em;
  top: 0;
  border-top: 1.66em solid #ffffff;
  border-bottom: 1.66em solid #ffffff;
  background-color: #e3e3e3;
  height: 100%;
  width: 1px;
}

#no-results-search-form .product-is-selected .search-suggestions .highlight {
  background-color: #f9f9f9;
}

#no-results-search-form .search-featured-results {
  box-sizing: border-box;
  float: left;
  margin: 1.66em 0;
  padding: 0 1.66em;
  width: 34em;
}

#no-results-search-form .search-featured-results .results-heading {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1.25em;
  text-align: right;
}

#no-results-search-form .search-featured-results .results-product-shelf {
  float: right;
  padding: 0;
  list-style: none;
  margin: 0;
  overflow: visible;
}

#no-results-search-form .search-featured-results .results-product-shelf.loading {
  box-sizing: border-box;
  width: 35.75em;
  height: 100%;
  border-top: 50px solid transparent;
  position: absolute;
  left: 0px;
  top: 0px;
}

#no-results-search-form .search-featured-results .results-product-shelf.loading li {
  display: none;
}

#no-results-search-form .search-featured-results .results-product-shelf.loading .loading-spinner {
  background-color: transparent;
}

#no-results-search-form .search-featured-results .search-product {
  position: relative;
  overflow: visible;
  width: 77px;
  text-align: left;
  float: left;
}

#no-results-search-form .search-featured-results .search-product + .search-product {
  margin-left: 20px;
}

#no-results-search-form .search-featured-results .search-product.selected:before {
  content: '';
  border-top: 5px solid #737373;
  position: absolute;
  top: -10px;
  width: 100%;
}

#no-results-search-form .search-featured-results .search-product .npr-product-module {
  width: inherit;
}

#no-results-search-form .search-featured-results .search-product .product-photo {
  min-height: 115px;
}

#no-results-search-form .search-featured-results .results-no-results {
  color: #737373;
  text-decoration: underline;
}

#no-results-search-form .search-form {
  clear: both;
  text-align: left;
}

#no-results-search-form .search-reset {
  display: none;
}

#no-results-search-form .input-clear-wrapper {
  box-sizing: border-box;
  margin-top: 15px;
  margin-bottom: 20px;
  height: 25px;
  position: relative;
  display: block;
  padding: 0 40px 0 37px;
}

#no-results-search-form .search-input {
  border: none;
  padding: 0;
  width: 100%;
}

#no-results-search-form .search-input placeholder {
  color: #bbbbbb;
}

#no-results-search-form .search-input:focus {
  padding: 0;
  border: 0;
}

#no-results-search-form .search-submit {
  display: none;
}

#no-results-search-form .search-submit-label {
  left: 0;
}

#no-results-search-form .search-flyout {
  clear: both;
  background: #ffffff;
  margin-bottom: 20px;
  position: relative;
}

#no-results-search-form .search-flyout:focus {
  outline: 0;
}

#no-results-search-form .search-suggestions {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}

#no-results-search-form .search-suggestions li {
  display: block;
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
}

#no-results-search-form .search-suggestions li:first-child {
  border-top: 1px solid #e3e3e3;
}

#no-results-search-form .search-suggestions li.highlight {
  background: #e3e3e3;
}

.npr-1sGaD {
  margin-top: 10px;
}

.npr-3tiy3 .npr-395XT {
  margin-top: 34px;
}

.npr-3tiy3 .npr-395XT ul {
  list-style: none;
  margin: 11px 0 0 0;
  padding: 0;
}

.npr-3tiy3 .npr-395XT ul li {
  padding-left: 0;
}

.npr-3tiy3 .npr-395XT ul li::before {
  content: none;
}

.npr-3tiy3 .npr-395XT li + li {
  margin-top: 14px;
}

.npr-1n6os {
  margin: 0;
}

.npr-3tiy3 {
  margin-top: 18px;
}

.npr-1sGaD {
  text-align: center;
}

#recs-placement-ZERO {
  margin-top: 20px;
}.no-matches {
  margin-top: 30px;
}

.no-matches .no-matches-heading {
  font-weight: normal;
  margin: 0;
}

.no-matches p {
  line-height: 1.5;
}.nui-icon-large-chevron-right-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}.nui-icon-large-chevron-left-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.page-numbers {
  display: inline-block;
  height: 30px;
}

.small.few-pages .page-numbers {
  width: auto;
}

.page-number {
  border-radius: 50px;
  height: 30px;
  line-height: 30px;
  margin-left: 0;
  text-align: center;
  position: relative;
  display: inline-block;
}

.page-number:first-child {
  margin-left: 0;
}

.page-number span {
  position: relative;
  z-index: 2;
}

.page-number a {
  z-index: 1;
  color: #393939;
  text-decoration: none;
}

.page-number a::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  left: 50%;
  margin-left: -15px;
  z-index: 1;
}

.page-number a:hover {
  text-decoration: underline;
}

.page-number a:hover::after {
  background-color: #f9f9f9;
}

.page-number.active a {
  color: #393939;
  font-weight: bold;
}

.page-number.active a::after {
  background-color: #e3e3e3;
}

.page-omitted {
  font-size: 0px;
  display: inline-block;
}

.page-omitted::after {
  font-size: 1.3rem;
  content: "\2026";
  line-height: 30px;
}

.page-arrow {
  height: 30px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.page-arrow a {
  height: 30px;
  position: relative;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
  color: #393939;
  text-decoration: none;
}

.page-arrow a:hover {
  color: #737373;
}

.page-arrow.page-prev .caret::after,
.page-arrow.page-prev .caret::before,
.page-arrow.page-next .caret::after,
.page-arrow.page-next .caret::before {
  line-height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
}

.page-prev {
  left: 0;
  top: 0;
}

.page-prev .page-arrow-link {
  float: left;
}

.page-prev .page-arrow-label {
  float: right;
}

.page-prev .page-arrow-icon {
  margin: 3px 10px 0 0;
  float: left;
}

.page-next {
  right: 0;
  top: 0;
}

.page-next .page-arrow-link {
  float: right;
}

.page-next .page-arrow-label {
  float: left;
}

.page-next .page-arrow-icon {
  margin: 3px 0 0 10px;
  float: right;
}

.specificity-hack.npr-pagination {
  padding-top: 45px;
}

.specificity-hack .page-numbers {
  padding: 0 10px;
}

.npr-pagination {
  clear: both;
  font-size: 1.4rem;
  height: 60px;
  list-style: none;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}

.page-numbers {
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: justify;
}

.few-pages .page-numbers {
  width: auto;
}

.page-numbers::after {
  content: "";
  width: 100%;
  display: inline-block;
}

.few-pages .page-number {
  margin-left: 40px;
}

.few-pages .page-number:first-child {
  margin-left: 0px;
}

.page-omitted {
  margin: 0 -12px;
}

.page-arrow {
  position: absolute;
  width: 50%;
  top: 0;
  padding: 0;
}

.page-prev {
  left: 0;
}

.page-prev .page-arrow-link {
  padding-left: 1px;
}

.page-next {
  right: 0;
}

.page-next .page-arrow-link {
  padding-right: 1px;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.show-placeholders {
  overflow: hidden;
}

.product-results-count {
  display: block;
  text-align: right;
  line-height: 34px;
  font-size: 1.4rem;
  float: right;
  width: 35%;
}

.npr-result-set {
  padding: 0;
}

.npr-result-set .npr-gallery-item {
  margin-top: 50px;
  box-sizing: border-box;
  z-index: 0;
}

.npr-result-set:first-of-type > div:first-child > .npr-gallery-item {
  margin-top: 10px;
}

.npr-product-gallery {
  margin-top: 20px;
}

.npr-product-gallery > footer {
  margin: 40px 0;
  width: 100%;
}

.npr-product-gallery > footer .npr-pagination {
  margin-top: 0;
  margin-bottom: 0;
}

.npr-product-gallery .copy-row {
  clear: both;
  margin-top: 30px;
  text-align: center;
  line-height: 1.5;
}

.npr-product-gallery .footer-copy-row {
  text-align: center;
  margin-top: 50px;
}.nui-icon-medium-clear-0 {
  fill: none;
  stroke: #737373;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

/**
 * Utils
 */

.npr-ZV9M8:before,
.npr-ZV9M8:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * Accessibility
 */

.npr-EqIss span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.npr-EqIss span.focusable:active,
.npr-EqIss span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

.npr-3jTxQ {
  position: relative;
}

.npr-3jTxQ:focus {
  outline: 0;
}

.npr-ZV9M8 {
  position: relative;
  box-sizing: border-box;
  margin: 10vh auto;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.npr-ZV9M8:focus {
  outline: 0;
}

.npr-EqIss {
  cursor: pointer;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 8px;
  text-decoration: none;
}

.npr-EqIss:focus {
  outline: 0;
}

.npr-EqIss:focus .nui-icon-medium-clear-0 {
  stroke: #393939;
}

.npr-3M94N.npr-ZV9M8 {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.npr-3M94N .npr-EqIss {
  right: -42px;
  top: -44px;
}

.npr-1aee8 {
  font-size: 1.2rem;
  margin-top: 15px;
  position: relative;
  color: #393939;
}

.npr-35yo- {
  height: 0;
  /* 16:9 aspect ratio */
  padding-bottom: 56.25%;
  position: relative;
}

.npr-35yo- iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.npr-ZV9M8 {
  padding: 20px;
}

.npr-3M94N .npr-EqIss {
  display: none;
}.nui-icon-medium-location-0 {
  fill: #393939;
}/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-store-mode-toggle {
  width: 100%;
}

.npr-store-mode-toggle-button {
  width: 50%;
  color: #393939;
  background-color: transparent;
  padding: 0;
  border: 0;
}

.npr-store-mode-toggle-button:not(:disabled) {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 7px;
}

.npr-store-mode-toggle-button:disabled {
  border-bottom: 4px solid #393939;
  padding-bottom: 4px;
  font-weight: bold;
}

.npr-store-mode-toggle-button:focus {
  outline: 0;
}

.npr-selected-store {
  display: block;
  line-height: 30px;
  text-align: center;
  background-color: #f9f9f9;
}

.npr-selected-store a {
  margin-left: 10px;
}

.npr-store-mode-toggle-icon {
  display: none;
}/**
 * Utils
 */

/**
 * Accessibility
 */

/**
 * z-index
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.npr-2BMdb {
  padding: 0;
}

.npr-9s3eB {
  margin-top: 0;
}

.npr-2BMdb + .npr-9s3eB {
  margin-top: 10px;
}

main {
  margin-top: 20px;
}/**
 * Utils
 */

/**
 * Accessibility
 */

#npr-product-results-page .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#npr-product-results-page .focusable.visuallyhidden:active,
#npr-product-results-page .focusable.visuallyhidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/**
 * z-index
 */

/* 
 * These are scheduled for demolition when nui/grids is updated
 * They will be added to the individual components that require them.
 *
 * Eventually, it should be possible to entirely remove this file using imports 
 * into individual components.
 */

/*
 * Color variables
 *
 * UX Universal Style Gude - Color:
 * 		https://confluence.nordstrom.net/pages/viewpage.action?pageId=64415794
 */

/*
 * Grayscale Palette
 */

/*
 * Accent Palette
 */

/*
 * Status Palette
 */

/*
 * Text and Links
 */

/*
 * Backgrounds
 */

/*
 * Borders
 */

.error-page {
  font-family: "Brandon Text";
  color: #393939;
}

.error-page a:link,
.error-page a:visited {
  color: #393939;
}

.error-page {
  max-width: 736px;
  margin: 0 auto;
}

.error-header-mobile {
  width: 100%;
  font-size: 29px;
  line-height: 1.4;
  box-sizing: border-box;
  overflow: auto;
}

.error-message-mobile {
  width: 100%;
  font-size: 1.5rem;
}

.error-page-container .error-page-header {
  font-size: 2.1rem;
  box-sizing: border-box;
  line-height: 1.4;
  font-weight: normal;
}

.error-page-container p {
  margin: 20px 0px;
  font-size: 1.5rem;
}
/*# sourceMappingURL=productResultsMobileApp.css.map*/