.dropdown-menu-comp {
  z-index: 1;
  text-align: left;
  position: absolute;
}

.dropdown-menu-comp ul {
  background: var(--bg-color-white);
  border: var(--sfly-border-style-solid) .0714rem #0003;
  border-radius: .4286rem;
  min-width: 11.4286rem;
  max-width: 25.7143rem;
  margin: 0;
  padding: .2857rem 0;
  list-style: none;
  overflow: visible;
  box-shadow: 0 .3571rem .7143rem #0003;
}

.dropdown-menu-comp li {
  font-weight: var(--brand-fontweight-callout);
  white-space: nowrap;
  margin: .8571rem 1.2143rem;
  padding: 0;
  font-size: .8571rem;
  line-height: 1.2857rem;
  display: block;
}

.dropdown-menu-comp li a {
  color: var(--text-color);
}

.dropdown-menu-comp li:hover a {
  color: var(--brand-color-border-primary);
}

.dropdown-menu-comp li.divider {
  border-top: var(--sfly-border-style-solid) .0714rem var(--light-grey-2);
  height: auto;
  margin: .3571rem 0;
  padding: 0;
  display: block;
}

.dropdown-menu-comp.show-pointer:before {
  content: "";
  border-left: .5rem var(--sfly-border-style-solid) transparent;
  border-right: .5rem var(--sfly-border-style-solid) transparent;
  border-bottom: .5rem var(--sfly-border-style-solid);
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
  top: -.4286rem;
  left: .6429rem;
}

.dropdown-menu-comp.show-pointer:after {
  content: "";
  border-left: .4286rem var(--sfly-border-style-solid) transparent;
  border-right: .4286rem var(--sfly-border-style-solid) transparent;
  border-bottom: .4286rem var(--sfly-border-style-solid) var(--bg-color-white);
  display: inline-block;
  position: absolute;
  top: -.3571rem;
  left: .7143rem;
}

.dropdown-menu-comp.top-right:before {
  left: auto;
  right: .6429rem;
}

.dropdown-menu-comp.top-right:after {
  left: auto;
  right: .7143rem;
}

.dropdown-menu-comp.top-center:before {
  left: 43%;
  right: auto;
}

.dropdown-menu-comp.top-center:after {
  left: 43.5%;
  right: auto;
}

.dropdown-menu-comp.bottom-left:before {
  border: 0;
}

.dropdown-menu-comp.bottom-left:after {
  border-top: .4286rem var(--sfly-border-style-solid) var(--white);
  border-right: .4286rem var(--sfly-border-style-solid) transparent;
  border-left: .4286rem var(--sfly-border-style-solid) transparent;
  border-bottom: 0;
  top: auto;
  bottom: -.3571rem;
  right: auto;
}

.dropdown-menu-comp.bottom-right:before {
  border: 0;
}

.dropdown-menu-comp.bottom-right:after {
  border-top: .4286rem var(--sfly-border-style-solid) var(--white);
  border-right: .4286rem var(--sfly-border-style-solid) transparent;
  border-left: .4286rem var(--sfly-border-style-solid) transparent;
  border-bottom: 0;
  inset: auto .6429rem -.3571rem auto;
}

.dropdown-menu-comp.bottom-center:before {
  border: 0;
}

.dropdown-menu-comp.bottom-center:after {
  border-top: .4286rem var(--sfly-border-style-solid) var(--white);
  border-right: .4286rem var(--sfly-border-style-solid) transparent;
  border-left: .4286rem var(--sfly-border-style-solid) transparent;
  border-bottom: 0;
  top: auto;
  bottom: -.3571rem;
  left: 44%;
}

.dropdown-menu-comp.right-side-center:before {
  border-left: .5286rem var(--sfly-border-style-solid) #0003;
  border-right: .5286rem var(--sfly-border-style-solid) transparent;
  border-bottom: .5286rem var(--sfly-border-style-solid) transparent;
  border-top: .5286rem var(--sfly-border-style-solid) transparent;
  top: 36%;
  left: auto;
  right: -1.157rem !important;
}

.dropdown-menu-comp.right-side-center:after {
  border-left: .5286rem var(--sfly-border-style-solid) var(--white);
  border-right: .5286rem var(--sfly-border-style-solid) transparent;
  border-bottom: .5286rem var(--sfly-border-style-solid) transparent;
  border-top: .5286rem var(--sfly-border-style-solid) transparent;
  top: 36%;
  left: auto;
  right: -1.086rem !important;
}

.header-flyout-container {
  background-color: var(--white);
  z-index: 99998;
  font-weight: var(--brand-fontweight-callout);
  border-top: 1px var(--sfly-border-style-solid) var(--light-fog-gray);
  width: 100vw;
  max-width: 1600px;
  position: absolute;
  top: 100%;
  left: -1.7857rem;
  transform: translateZ(0);
  box-shadow: 0 .7143rem .7143rem #0003;
}

.header-flyout-container.cms-flyout-hide {
  display: none;
}

.header-flyout-container .flyout-content .ColumnHeader {
  font-size: .929rem !important;
}

.header-flyout-container .header-flyout-content-wrapper {
  padding: 1.0714rem 1.7857rem 0;
}

.header-flyout-container .header-flyout-content-wrapper .flyout-header {
  font-weight: var(--font-weight-semibold);
  letter-spacing: normal;
  color: var(--text-color-gray);
  outline: var(--brand-state-focus-outline);
  padding: 0 1.0714rem;
  font-size: 1.7143rem;
  line-height: 1.5;
}

.header-flyout-container .flyout-content {
  margin-top: 1.0714rem;
  display: flex;
}

.header-flyout-container .flyout-content .content {
  box-sizing: border-box;
  width: 20%;
  padding: 0 1.1429rem;
}

.header-flyout-container .flyout-content .content ul:not(:last-child) {
  margin-bottom: 2.1429rem;
}

@media screen and (width <= 768.5px) {
  .header-flyout-container {
    display: none;
  }
}

.category-nav-wrapper {
  border-bottom: .0714rem var(--sfly-border-style-solid) var(--color-fog-light);
  max-width: 100%;
  padding: 0 1.7857rem;
  display: flex;
}

.navbar-element-container a.AppLink {
  text-transform: var(--sfly-font-transform-interactive);
  text-decoration: none;
}

.navbar-element-container .AppLink, .cat-item-text {
  font-size: 1em !important;
}

.navbar-element-container span {
  font-weight: var(--font-weight-semibold);
  letter-spacing: normal;
  text-align: center;
  color: var(--text-color-gray);
  text-transform: var(--sfly-font-transform);
  -webkit-appearance: initial;
  line-height: normal;
  font-size: 1em !important;
}

@media screen and (width <= 991.5px) {
  .category-nav-wrapper {
    padding: 0 .7143rem;
  }
}

.category-list-container {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.category-list-container .primary-list {
  font-weight: var(--font-weight-semibold);
  background-color: var(--white);
  flex-wrap: wrap;
  height: 4rem;
  margin: 0;
  padding: 0;
  display: flex;
}

.category-list-container .primary-list li.category-item {
  color: var(--text-color-gray);
  border-right-width: 0;
  margin-bottom: 0;
  display: inline-block;
}

.category-list-container .primary-list li.category-item.hidden {
  display: none;
}

.category-list-container .primary-list li.category-item .navbar-element-container {
  box-sizing: border-box;
  border-bottom: .1429rem var(--sfly-border-style-solid) transparent;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 0;
  margin-right: 1.71441rem;
  display: flex;
}

.category-list-container .primary-list li.category-item .navbar-element-container:hover, .category-list-container .primary-list li.category-item .navbar-element-container.flyout-open {
  border-bottom: var(--sfly-border-thickness-thick) var(--sfly-border-style-solid) var(--brand-color-border-primary);
  border-bottom-left-radius: 0 !important;
}

.category-list-container .primary-list li.category-item.more-item .navbar-element-container span.svg-icon {
  vertical-align: middle;
  margin-left: .4286rem;
}

.category-list-container .primary-list li.category-item.more-item .navbar-element-container span.svg-icon svg {
  width: .875rem;
  height: .875rem;
}

.hidden {
  display: none !important;
}

.category-list-container .primary-list li.category-item.active-nav-category .navbar-element-container, .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul li.category-item.active-nav-category .navbar-element-container {
  border-bottom: .1429rem var(--sfly-border-style-solid) var(--brand-color-border-primary);
}

.category-list-container .primary-list li.category-item:first-child, .cat-list-mobile-container .primary-list li.category-item:first-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: .2857rem;
}

.category-list-container .primary-list li.category-item:last-child {
  border-right-width: .0714rem;
  border-top-right-radius: .2857rem;
  border-bottom-left-radius: 0;
}

.category-list-container .primary-list li.category-item:last-child .navbar-element-container {
  margin-right: 0;
}

.navbar-element-container :hover {
  cursor: pointer;
  text-decoration: none !important;
}

@media screen and (width >= 769px) {
  .category-list-container .primary-list li.category-item.more-item {
    display: block;
  }

  .category-list-container .primary-list li.category-item.more-item.relative-position {
    position: relative;
  }

  .category-list-container .primary-list li.category-item.more-item .cat-item-container {
    margin-right: 0;
  }

  li.category-item.more-item .dropdown-menu-comp li.category-item .navbar-element-container {
    padding: 0;
  }

  .category-list-container .primary-list li.category-item.more-item .navbar-element-container:hover {
    border-bottom: var(--sfly-border-thickness-thick) var(--sfly-border-style-solid) transparent;
  }

  #moreDropDownContainer ul {
    height: 4rem;
    padding: 0;
  }

  #moreDropDownContainer li {
    align-items: center;
    height: 4rem;
    margin: 0;
    display: flex;
  }

  #moreDropDownContainer.new-flag-true li {
    margin-top: .1429rem;
    align-items: unset !important;
  }

  #moreDropDownContainer .category-item:hover {
    border-bottom: none !important;
  }

  #moreDropDownContainer li div.navbar-element-container:hover {
    border-bottom: var(--sfly-border-thickness-thick) var(--sfly-border-style-solid) var(--brand-color-border-primary);
    background-color: #0000;
    text-decoration: none;
  }

  #moreDropDownContainer .secondary li.category-item .navbar-element-container:hover, #moreDropDownContainer .secondary li.category-item .navbar-element-container.flyout-open {
    border-bottom: var(--sfly-border-thickness-thick) var(--sfly-border-style-solid) var(--brand-color-border-primary);
    border-bottom-left-radius: 0 !important;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp {
    z-index: 99999;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer {
    height: 4rem;
    top: 0%;
    right: 61%;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul {
    padding-top: 0;
    padding-bottom: 0;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul li {
    white-space: nowrap;
    margin: .3571rem 1.2143rem;
    padding: 0;
    font-size: 1em;
    line-height: 1.2857rem;
    display: block;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul li div {
    float: none;
    width: fit-content;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul li .navbar-element-container {
    border-bottom: .1429rem var(--sfly-border-style-solid) transparent;
    height: 100%;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer:before {
    right: 16%;
  }

  .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer:after {
    right: 17%;
  }

  .category-list-container .primary-list li.category-item.more-item .navbar-element-container span.svg-icon {
    vertical-align: middle;
    margin-left: .4286rem;
  }

  .category-list-container .primary-list li.category-item.more-item .navbar-element-container span.svg-icon svg {
    width: .875rem;
    height: .875rem;
  }

  .hidden {
    display: none !important;
  }
}

.relative-position .navbar-element-container .newCategoryBadge {
  text-align: center;
}

.navbar-element-container .newCategoryBadge {
  font-size: .6429rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: normal;
  text-align: right;
  color: var(--brand-color-border-primary);
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  display: block;
}

.new-flag-true .right-side-center {
  top: 10% !important;
}

.navbar-element-container .new-category-badge-hide {
  visibility: hidden;
}

.navbar-element-container.new-badge-padding {
  padding-top: .5714rem;
  justify-content: unset !important;
}

@media screen and (width <= 768.5px) {
  .category-nav-wrapper {
    display: none;
  }

  .category-list-container .primary-list li.category-item {
    padding: .2857rem 0 .8571rem;
  }

  .cat-list-mobile-container li.category-item.more-item {
    display: none !important;
  }

  .cat-list-mobile-container {
    width: calc(100% - 3.5714rem);
    margin-bottom: 0;
    position: relative;
  }

  .cat-list-mobile-container.hideNav {
    visibility: none;
    -o-transition: width .4s ease-in-out;
    width: 0;
    transition: width .4s ease-in-out;
  }

  .cat-list-mobile-container.showNav {
    visibility: visible;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper {
    position: relative;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-fade-menu-right {
    background: -webkit-linear-gradient(left, var(--white), #fff0);
    background: -o-linear-gradient(left, var(--white), #fff0);
    background: -moz-linear-gradient(left, var(--white), #fff0);
    background-image: linear-gradient(to left, var(--white), #fff0);
    pointer-events: none;
    z-index: 1;
    width: 2.8571rem;
    height: 100%;
    position: absolute;
    right: 0;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-fade-menu-left {
    background: -webkit-linear-gradient(right, var(--white), #fff0);
    background: -o-linear-gradient(right, var(--white), #fff0);
    background: -moz-linear-gradient(right, var(--white), #fff0);
    background-image: linear-gradient(to right, var(--white), #fff0);
    pointer-events: none;
    z-index: 1;
    width: 2.8571rem;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap {
    white-space: nowrap;
    background: var(--white);
    overflow: auto hidden;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu {
    margin: 0;
    display: inline-block;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu li.category-item {
    -webkit-appearance: initial;
    border-bottom: .1429rem var(--sfly-border-style-solid) #fff0;
    margin-right: 1.4286rem;
    padding: .2857rem 0 .8571rem;
    display: inline-block;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu li.category-item.active-nav-category {
    border-bottom: .1429rem var(--sfly-border-style-solid) var(--brand-color-border-primary);
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu li.category-item span {
    font-size: .8571rem;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu li.category-item .newCategoryBadge {
    font-size: .6429rem;
  }

  .cat-list-mobile-container .mobile-nav-menu-wrapper .mobile-sub-bar-menu-wrap .mobile-sub-bar-menu:first-child {
    padding-top: .2143rem;
    padding-bottom: .2143rem;
    padding-left: .5714rem;
  }
}

li.category-item.hide {
  display: none !important;
}

@media screen and (width >= 992px) {
  li.category-item.hide-on-desktop {
    display: none !important;
  }
}

@media screen and (width >= 769px) and (width <= 991.5px) {
  li.category-item.hide-on-tablet {
    display: none !important;
  }
}

@media screen and (width <= 768.5px) {
  .cat-list-mobile-container li.category-item.hide-on-mobile {
    display: none !important;
  }
}

.uni-header-menu-items {
  font-weight: var(--brand-fontweight-callout);
  align-items: center;
  height: 3.3571rem;
  margin: 0;
  padding: 0;
  font-size: .8571rem;
  line-height: 1.2;
  display: flex;
  overflow: visible;
}

.uni-header-menu-items li.dropdownLink-container, .uni-header-menu-items li.toolbar-menu {
  margin-bottom: 0;
  margin-right: 1.714rem;
}

.dropdownLink-container .dropdown-menu-comp .logged-in-dropdown-list .signin-button:hover .AppLink.button {
  color: var(--button-color-text-primary);
}

.uni-header-menu-items .menu-item a {
  font-weight: var(--brand-fontweight-interactive);
  color: var(--text-color);
  cursor: pointer;
  align-items: center;
  font-size: .9286rem;
  text-decoration: none;
  display: flex;
}

.uni-header-menu-items .menu-item a span {
  font-weight: var(--brand-fontweight-interactive);
  color: var(--text-color);
  margin-top: .3571rem;
  padding: .107rem;
  font-size: 1rem;
}

.uni-header-menu-items .menu-item a .accountIcon-label, .minWidth {
  margin-left: .571rem;
}

.uni-header-menu-items .menu-item a svg, .uni-header-menu-items .menu-item a svg g[id*="_selected-color-/"], .uni-header-menu-items .menu-item a svg g[id*="-black_"], .uni-header-menu-items .menu-item a svg.groupIcon g path:last-child {
  fill: var(--text-color);
}

.uni-header-menu-items .menu-item.active a {
  cursor: pointer;
}

.uni-header-menu-items .dropdown-icon {
  vertical-align: middle;
  width: .6429rem;
  height: .3571rem;
  margin-left: .4286rem;
  margin-top: -1.0714rem !important;
}

.dropdownLink-container .dropdown-menu-comp {
  z-index: 99997;
  width: 12rem;
  top: 2.4rem;
  right: .1rem;
}

.dropdownLink-container .dropdown-menu-comp li {
  font-weight: var(--brand-fontweight-callout);
}

.dropdownLink-container .dropdown-menu-comp li:hover a {
  color: var(--text-color);
  cursor: pointer;
  text-decoration: underline;
}

.dropdownLink-container .dropdown-menu-comp li:hover a.button.deep-carrot {
  color: var(--button-color-text-primary);
}

.dropdownLink-container .dropdown-menu-comp li:hover a.button {
  text-decoration: none;
}

.dropdownLink-container .dropdown-menu-comp li .button {
  font-weight: var(--button-font-weight);
  box-sizing: border-box;
  -webkit-appearance: initial;
  width: 100%;
}

.dropdownLink-container .dropdown-menu-comp li:hover a.button.primary-button, .dropdownLink-container .dropdown-menu-comp li .button.primary-button {
  color: var(--button-color-text-primary);
}

.dropdownLink-container .dropdown-menu-comp li .button.primary-button:hover {
  color: var(--button-color-text-primary) !important;
}

.uni-header-menu-items .accountIcon, .uni-header-menu-items .groupIcon {
  width: 1.5714rem;
  height: 1.5714rem;
}

.uni-header-menu-items .accountIcon-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 14.2857rem;
  overflow: hidden;
}

.uni-header-menu-items li {
  vertical-align: middle;
  margin-right: 1.0714rem;
  list-style-type: none;
  position: relative;
}

.uni-header-menu-items .account-container {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.uni-header-menu-items .account-container .hello-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  margin-top: 0;
  margin-left: 0;
  overflow: hidden;
}

.uni-header-menu-items li.signInLink-container {
  padding: .1429rem .5714rem;
}

.uni-header-menu-items .dropdownLink-container a:not(.button) {
  text-align: right;
  cursor: pointer;
  padding: .1429rem .2143rem .1429rem 0;
  text-decoration: none;
}

.uni-header-menu-items .my-photos-label {
  vertical-align: middle;
}

.uni-header-menu-items li.cartLink-container {
  padding: .1429rem 0 0 .1429rem;
  list-style-type: none;
}

.uni-header-menu-items li.cartLink-container .cartLink span {
  margin-top: .2143rem;
}

.uni-header-menu-items .cart-icon {
  width: 1.5714rem;
  height: 1.5714rem;
  display: inline-block;
}

.uni-header-menu-items .cart-count-icon {
  margin: -.3571rem 0 0;
}

.uni-header-menu-items .cart-count-icon text {
  font-size: 2.1429rem;
}

.uni-header-menu-items .cart-count-icon:hover path {
  fill: var(--text-color);
}

.uni-header-menu-items .dropdownLink-container .menu-item .signIn-label {
  white-space: nowrap;
}

.uni-header-menu-items .desktop-only {
  display: inline-block;
}

.uni-header-menu-items li.desktop-only {
  margin-right: 1.714rem;
  display: block;
}

.uni-header-menu-items .menu-item a span.hello-text, .uni-header-menu-items .menu-item a span.dropdown-icon {
  padding: 0;
}

.uni-header-menu-items .NewX.desktop-only {
  display: block;
}

.uni-header-menu-items .mobile-only, .uni-header-menu-items .hamburger-mobileonly {
  display: none;
}

.brand-TP .header-menu-items .dropdownLink-container .dropdown-menu-comp.anchor-right li:hover a, .brand-TP .uni-header-menu-items .dropdownLink-container .dropdown-menu-comp.anchor-right li:hover a {
  cursor: pointer;
}

.brand-TP .header-menu-items .dropdownLink-container .dropdown-menu-comp.anchor-right li:hover path, .brand-TP .uni-header-menu-items .dropdownLink-container .dropdown-menu-comp.anchor-right li:hover path {
  fill: var(--color-sf-light-blue);
}

.svg-icon-main.hamburger-icon > svg {
  cursor: pointer;
  width: 1.572rem;
  height: auto;
  max-height: 1.1429rem;
}

.dropdownLink-container.arrowAllignment .dropdown-menu-comp.top-right:before {
  right: 5.45rem;
}

.dropdownLink-container.arrowAllignment .dropdown-menu-comp.top-right:after {
  right: 5.54rem;
}

.dropdownLink-container.arrowAllignment .dropdown-menu-comp {
  top: 2.6rem;
  right: -5.35rem;
}

@media only screen and (width <= 991.5px) {
  .UniversalHeaderWrapper button.uh-btn {
    padding-right: 0;
  }

  .uni-header-menu-items.newX-toolbar-menu li.toolbar-menu {
    margin-left: 1.7143rem;
    margin-right: 0;
  }

  .uni-header-menu-items.newX-toolbar-menu li:last-child {
    margin-right: .9286rem;
  }

  .uni-header-menu-items.newX-toolbar-menu .cart-count-icon {
    margin-left: 0;
  }

  .uni-header-menu-items li {
    padding: .1429rem .4286rem 0 0;
  }

  .uni-header-menu-items li.PTExperience-2 {
    padding: 0;
  }

  .uni-header-menu-items .menu-item a {
    padding-top: 1rem;
  }

  .uni-header-menu-items .menu-item a span:not(.PTExperience-2) {
    display: none !important;
  }

  .uni-header-menu-items .menu-item a span.PTExperience-2 {
    margin-top: 0;
    margin-left: 0;
  }

  .uni-header-menu-items .dropdownLink-container a.PTExperience-2 {
    padding: 1rem 0 0;
  }

  .uni-header-menu-items .dropdownLink-container a.buttonAppearanceNormal {
    -webkit-appearance: none;
  }

  .uni-header-menu-items .dropdownLink-container.PTExperience-2 .dropdown-menu-comp.show-pointer.top-right {
    top: 3.1rem;
    right: -1.6rem;
  }

  .uni-header-menu-items .dropdownLink-container.PTExperience-2 .dropdown-menu-comp.top-right:before {
    right: 1.8rem;
  }

  .uni-header-menu-items .dropdownLink-container.PTExperience-2 .dropdown-menu-comp.top-right:after {
    right: 1.9rem;
  }

  .uni-header-menu-items .accountIcon-label {
    max-width: 5rem;
  }

  .uni-header-menu-items li.cartLink-container {
    padding: 0;
  }

  .uni-header-menu-items .desktop-only {
    display: none !important;
  }

  .uni-header-menu-items .mobile-only {
    display: block;
  }

  .uni-header-menu-items .my-projects-user-menu-option.NewX.mobile-only, .uni-header-menu-items .my-photos-user-menu-option.NewX.mobile-only {
    display: block !important;
  }

  .uni-header-menu-items .hamburger-mobileonly {
    display: block;
  }
}

@media only screen and (width <= 768.5px) {
  .uni-header-menu-items {
    font-weight: var(--brand-fontweight-callout);
    align-items: initial;
    margin: .0714rem 0 0;
    padding: 0;
    font-size: .7143rem;
  }

  .uni-header-menu-items .menu-item a {
    text-align: center;
    margin: 0;
    display: block;
  }

  .uni-header-menu-items .accountIcon, .uni-header-menu-items .groupIcon {
    visibility: visible;
    vertical-align: middle;
    width: 1.3571rem;
    height: 1.3571rem;
    margin: 0 auto;
    display: inline-block;
  }

  .uni-header-menu-items .dropdownLink-container.PTExperience-2 .dropdown-menu-comp.show-pointer.top-right {
    left: auto !important;
    transform: none !important;
  }

  .uni-header-menu-items .accountIcon.PTExperience-2 {
    width: 1.5714rem;
    height: 1.5714rem;
  }

  .uni-header-menu-items .accountIcon-label {
    text-align: right;
    max-width: 3.2143rem;
    margin-top: .5714rem;
    display: block;
  }

  .uni-header-menu-items li.signInLink-container .signIn-label {
    text-align: center;
    margin: .5rem 0 0;
    display: block;
  }

  .uni-header-menu-items .my-photos-label {
    text-align: center;
    margin: .3571rem 0 0;
    display: block;
  }

  .uni-header-menu-items .my-photos-label .my-photos-label-my {
    display: none;
  }

  .uni-header-menu-items:not(.newX-toolbar-menu) li.toolbar-menu {
    margin: 0;
  }
}

@media screen and (width >= 480px) and (width <= 1024.5px) {
  .uni-header-menu-items:not(.newX-toolbar-menu) li {
    margin-right: .8571rem;
  }
}

@media only screen and (width <= 480.5px) {
  .uni-header-menu-items li {
    padding: .1429rem .2857rem;
  }
}

.minWidth {
  min-width: max-content;
}

.hbm-toolbar-menu {
  border-bottom: var(--sfly-border-style-solid) .0714rem var(--slate-gray);
  background-color: var(--white);
  font-weight: var(--font-weight-semibold);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  font-size: .9286rem;
  display: flex;
}

.hbm-toolbar-menu .menu-item {
  cursor: pointer;
  width: 50%;
}

.hbm-toolbar-menu .menu-item > a {
  color: var(--text-color);
  font-weight: var(--font-weight-regular);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: .9286rem;
  text-decoration: none;
  display: flex;
}

.hbm-toolbar-menu .menu-item a svg path, .hbm-toolbar-menu .menu-item a svg {
  fill: var(--text-color);
}

.hbm-toolbar-menu .menu-item a span.expanded {
  width: .6429rem;
  min-width: .6429rem;
  height: .3571rem;
  transition-duration: .5s;
  transform: rotate(180deg);
}

.hbm-toolbar-menu .menu-item a span.collapsed {
  width: .6429rem;
  min-width: .6429rem;
  height: .3571rem;
  transition-duration: .5s;
}

.hbm-toolbar-menu .menu-item a .hbm-toolbar-menu-label {
  color: var(--text-color);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: .3571rem;
  overflow: hidden;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp {
  z-index: 1;
  text-align: left;
  margin-top: .8571rem;
  position: absolute;
  left: 0;
  right: 0;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp:before, .hbm-toolbar-menu .menu-item .dropdown-menu-comp:after {
  display: none;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp a {
  font-weight: var(--font-weight-regular);
  justify-content: flex-start;
  font-size: .9286rem;
  text-decoration: none;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp li:hover a {
  color: var(--text-color);
  cursor: pointer;
  text-decoration: underline;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp li:hover a.button {
  text-decoration: none;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp li:hover path {
  fill: var(--ignite);
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp a.button {
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  font-size: 1rem;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp li:hover a.button.primary-button, .hbm-toolbar-menu .menu-item .dropdown-menu-comp a.button.primary-button:hover, .hbm-toolbar-menu .menu-item .dropdown-menu-comp a.button.primary-button {
  color: var(--button-color-text-primary);
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp .sign-in-up-buttons {
  display: flex;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp .sign-in-up-buttons li {
  width: 50%;
  margin: 1.4286rem 1.0714rem .7143rem;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp .sign-in-up-buttons li:nth-child(odd) {
  margin-right: .7143rem;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp .sign-in-up-buttons li:nth-child(2n) {
  margin-left: .7143rem;
}

.hbm-toolbar-menu .menu-item .dropdown-menu-comp .sign-in-up-buttons li .button-initial-appearance {
  -webkit-appearance: initial;
}

.hbm-toolbar-menu span .accountIcon-svg {
  width: 1.5714rem;
  min-width: 1.5714rem;
  height: 1.5714rem;
  min-height: 1.5714rem;
  margin-left: .3571rem;
  margin-right: .3571rem;
}

.hbm-toolbar-menu span .accountIcon-svg span.svg-icon {
  width: 1.5714rem;
  height: 1.5714rem;
}

.hbm-toolbar-menu span .accountIcon-svg g g {
  transform: translate(1.5714rem, 1.5714rem);
}

.hbm-toolbar-menu span .projectIcon-svg {
  width: 1.2857rem;
  min-width: 1.2857rem;
  height: 1.5714rem;
  min-height: 1.5714rem;
}

.hbm-toolbar-menu span .accountIcon-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.myAccount-link .dropdown-menu-comp {
  left: 0;
  right: 0;
}

@media screen and (width >= 992px) {
  .hbm-toolbar-menu {
    display: none;
  }
}

.hamburger-menus {
  overflow: hidden;
}

.hamburger-menu-wrapper-container {
  font-weight: var(--font-weight-regular);
  height: calc(100vh - 10.2857rem);
  overflow-y: auto;
}

.hamburger-menu-wrapper-container .hbm-categories {
  -webkit-tap-highlight-color: transparent;
  height: auto;
  min-height: 100%;
  margin-top: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  overflow: hidden;
}

.hamburger-menu-wrapper-container .hbm-category-item .Title {
  flex-direction: column;
  margin-right: 1.7143rem;
  padding: 1.0714rem 1.4286rem .7143rem 1.7857rem;
  display: flex;
  position: relative;
}

.hamburger-menu-wrapper-container .hbm-category-item .Title.Level_1 {
  font-size: 1.2857rem;
}

.hamburger-menu-wrapper-container .hbm-category-item:first-child .Title.Level_1 {
  margin-top: 1rem;
}

.hamburger-menu-wrapper-container .hbm-category-item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hamburger-menu-wrapper-container .title-bar {
  color: var(--text-color-fog);
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 1.7857rem;
  padding-right: 1.7143rem;
  display: flex;
}

.hamburger-menu-wrapper-container .title-bar .titile {
  max-width: var(--max-width);
  max-height: var(--max-height);
  color: var(--text-color-fog);
  font-weight: var(--font-weight-semibold);
  font-size: 1.3329rem;
  line-height: 2rem;
}

.hamburger-menus .hbm-categories .hbm-category-item .title-bar a {
  font-weight: var(--brand-fontweight-interactive);
  width: 4.7857rem;
  height: 1.2857rem;
  margin-bottom: .1429rem;
  margin-right: .2857rem;
  font-size: 1rem;
  line-height: 1.2857rem;
  text-decoration: none;
  color: var(--text-color-fog) !important;
}

.hamburger-menu-wrapper-container .hbm-icon-span {
  height: .9871rem;
  left: auto;
  right: .3571rem;
}

.hamburger-menu-wrapper-container .hbm-icon-span > svg {
  width: .5714rem;
  height: .9871rem;
  transform: rotate(180deg);
}

.hbm-categories .hbm-category-item {
  color: var(--text-color);
  font-weight: var(--font-weight-regular);
  text-decoration: none;
}

.hbm-categories .hbm-category-item > .Title .hbm-icon-span svg path {
  fill: #000;
}

.hbm-categories .hbm-category-item > .Title:hover .hbm-icon-span svg path, .hamburger-menu-wrapper-container .hbm-back:hover svg {
  fill: var(--ignite);
}

.hbm-categories .hbm-category-item.tinyprint > .Title:hover .hbm-icon-span svg path, .hamburger-menu-wrapper-container .hbm-back.tinyprint:hover svg {
  fill: var(--color-sf-light-blue);
}

.hbm-category-item .hbm-icon-span > svg > path {
  fill: #000;
}

.hbm-categories .hbm-category-item div, .hbm-back {
  cursor: pointer;
}

.hamburger-menus .hbm-categories .hbm-category-item a {
  color: var(--text-color);
  font-weight: var(--font-weight-regular);
  width: 100%;
  text-decoration: none;
  display: list-item;
}

.hamburger-menu-wrapper-container .hbm-see-all-link:first-child {
  justify-content: space-between;
  align-items: center;
  width: 4.7857rem;
  display: flex;
}

.hamburger-menus .additional-logos {
  background-color: var(--fog-light);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.1429rem;
  display: flex;
}

.hbm-category-item .Title .hbm-icon-span {
  position: absolute;
  left: auto;
  right: .3571rem;
}

.hbm-category-item .hbm-icon-span > svg {
  width: .5714rem;
  height: .9586rem;
  transform: rotate(180deg);
}

.hbm-categories.grayout {
  background-color: var(--light-black);
}

.hamburger-menu-wrapper-container .hbm-back {
  font-weight: var(--brand-fontweight-interactive);
  letter-spacing: 0;
  padding: 1.4286rem 1.7143rem .3571rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.hamburger-menu-wrapper-container .hbm-back:hover, .hbm-categories .hbm-category-item > .Title:hover, .hbm-categories .hbm-category-item > .Title div:hover, .hbm-categories .hbm-category-item .AppLink:hover {
  color: var(--sfly-color-brand-ignite) !important;
}

.hamburger-menu-wrapper-container .hbm-back.tinyprint:hover, .hbm-categories .hbm-category-item.tinyprint > .Title:hover, .hbm-categories .hbm-category-item.tinyprint > .Title div:hover, .hbm-categories .hbm-category-item.tinyprint .AppLink:hover {
  color: var(--sfly-color-brand-tp-teal) !important;
}

.hamburger-menu-wrapper-container .hbm-back .hbm-back-arrow {
  margin-right: .7143rem;
}

.hamburger-menu-wrapper-container .hbm-back .hbm-back-arrow > svg {
  fill: var(--text-color-fog-b);
  width: .4286rem;
  height: .7143rem;
}

.hbm-categories.hbm-not-home {
  margin-top: 0;
  margin-bottom: 0;
}

.hbm-menu-title {
  font-weight: var(--font-weight-regular);
  color: var(--sfly-color-brand-ignite);
  padding: 1.4286rem 1.4286rem .7143rem;
  font-size: 1.1429rem;
  line-height: 1.23;
}

.hbm-categories.grayout:focus, .hbm-categories.grayout:hover, .hbm-categories.grayout:focus-within {
  outline: var(--brand-state-focus-outline);
  cursor: default;
  color: var(--light-black);
}

.tinyPrintsSelectedMenu {
  color: var(--sfly-color-brand-tp-teal);
}

.closeNavigationMenu {
  padding: 0 5px 5px;
}

@media screen and (width <= 762.5px) {
  .hbm-categories.hbm-not-home {
    margin-bottom: 2.2429rem;
  }

  .hamburger-menu-wrapper-container .hbm-categories {
    margin-bottom: 3.143rem;
  }
}

@media screen and (width >= 992px) {
  .hamburger-menus {
    display: none;
  }
}

@media screen and (width <= 991.5px) {
  .hamburger-menus .newX-hamburger-title {
    justify-content: space-between;
    display: flex;
  }

  .hamburger-menus .hamburger-menu-wrapper-container {
    transition: transform .35s linear;
  }

  .hamburger-menus .hamburger-menu-wrapper-container.NoTransition {
    transform: none;
  }

  .hamburger-menus .newX-hamburger-title.BoxShadow {
    z-index: 2;
    position: relative;
    box-shadow: 0 .1429rem .2857rem #0000001a, 0 .3571rem 1.0714rem #00000014;
  }

  .hamburger-menus .newX-hamburger-title.moveToTopPosition {
    width: calc(100% - .7857rem);
    position: absolute;
    top: 0;
  }

  .hamburger-menus:first-child {
    padding-top: 3.5rem;
  }

  .hamburger-menus .newX-hamburger-title span {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .hamburger-menus .newX-hamburger-title .close-icon {
    width: 1.3329rem;
    height: 1.3329rem;
    display: flex;
  }

  .hamburger-menus .newX-hamburger-title .close-icon svg {
    width: 1.3329rem;
    height: auto;
  }
}

@media screen and (width >= 769px) and (width <= 991.5px) {
  li.hbm-category-item.hide-on-tablet {
    display: none;
  }
}

@media screen and (width <= 768.5px) {
  li.hbm-category-item.hide-on-mobile {
    display: none;
  }
}

.br-cms-layout .Default_Dropdown {
  box-shadow: none;
  cursor: default;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: none;
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: block;
  left: 0;
  transform: translateX(100%);
}

.br-cms-layout .Hide_Lvl_2, .br-cms-layout .hide-prev-lvl {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.category-backward-transform {
  transform: translateX(-100%);
}

.hide-prev-lvl {
  height: 0;
}

.br-cms-layout .Show-Next-Lvl {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 1;
  transform: translateX(-0%);
}

.br-cms-layout .CategoryTransition {
  transition: transform .35s linear;
}

.UniversalHeaderWrapper .searchbar-desktop-wrapper .search-bar {
  width: 23.3571em;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp {
  right: 0;
  z-index: 999 !important;
}

.UniversalHeaderWrapper .recent-list > * {
  border-bottom: .0714em var(--sfly-border-style-solid) var(--list-item-border-color);
}

.UniversalHeaderWrapper .recent-header > :last-child {
  border: none;
}

.UniversalHeaderWrapper .recently-viewed-wrapper :active, .UniversalHeaderWrapper .recently-viewed-wrapper :focus {
  outline: 0;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp ul li {
  cursor: pointer;
  margin: 0;
  padding: .443em 1.2em;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp .recent-list li {
  padding: 0;
  cursor: default !important;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp .search-result li:hover {
  background-color: var(--dropdown-background-color);
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp ul {
  width: 25.1429em;
  padding: 0 !important;
}

.UniversalHeaderWrapper .autocomplete-container {
  width: 25.1429em;
  overflow-x: hidden !important;
}

.UniversalHeaderWrapper .autocomplete-container ul {
  margin-top: 0;
  padding-top: 0 !important;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp li:hover a {
  color: var(--text-color) !important;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp li a {
  white-space: normal;
  text-decoration: none;
}

.UniversalHeaderWrapper .search-bar .dropdown-menu-comp .autocomplete-container .header {
  align-items: center;
  padding: 0 1em;
}

.UniversalHeaderWrapper .autocomplete-container .header {
  color: var(--text-color);
  mix-blend-mode: darken;
  box-shadow: inset 0 -.0714em 0 0 var(--dropdown-header-box-shadow);
  background-color: var(--fog-light);
  border-top: none;
  border-top-left-radius: .2857em;
  border-top-right-radius: .2857em;
  height: 2.5714em;
  margin: 0;
  padding: 0 0 0 .7143em;
  font-size: 1em;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  font-weight: var(--font-weight-semibold) !important;
}

.UniversalHeaderWrapper .search-bar .text_box_wrapper {
  border: .0714em var(--form-border-style) var(--light-grey-2);
  border-radius: .4286em;
  width: auto;
  min-width: 18.0714em;
  height: 2.7143em;
}

.UniversalHeaderWrapper .search-bar .text_box_wrapper:hover {
  border-color: var(--textbox-border-hover-color);
}

.UniversalHeaderWrapper .search-bar svg {
  fill: var(--text-color);
}

.UniversalHeaderWrapper .autocomplete-container .recent-header {
  justify-content: space-between;
  padding: 0 1em;
  display: flex;
}

.UniversalHeaderWrapper .search-bar {
  position: relative;
}

.UniversalHeaderWrapper .search-bar .ScrollContent {
  color: var(--text-color-light);
  width: calc(100% - var(--search-icon-width));
  visibility: initial;
  align-self: center;
  margin: auto;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.UniversalHeaderWrapper .search-bar .ScrollContent .SearchText {
  height: 100%;
  margin-left: .7143em;
  display: inline-block;
  line-height: 2.7143em !important;
}

.UniversalHeaderWrapper .search-bar .ScrollContent .ListContainer {
  font-size: inherit;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: calc(100% - 3.4593em);
  line-height: 2.7143em;
  list-style: none;
  display: -webkit-box;
  position: absolute;
  left: 3.8571em;
  overflow: hidden;
}

.UniversalHeaderWrapper .search-bar .ScrollContent .ListContainer .List {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .7143em;
  padding: 0;
  overflow: hidden;
}

.UniversalHeaderWrapper .search-bar .ScrollContent .ListContainer .List .ListItem {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 2.0714em;
  line-height: 2.7143em;
  overflow: hidden;
}

.UniversalHeaderWrapper .search-bar .ScrollContent.HiddenVisiBility {
  visibility: hidden;
}

.UniversalHeaderWrapper .search-bar .text_box_wrapper .text_box_icon {
  z-index: 1;
  background: none;
}

@media screen and (width <= 991.5px) {
  .UniversalHeaderWrapper .search-bar .dropdown-menu-comp ul {
    width: 26.8571em;
  }

  .UniversalHeaderWrapper .search-bar .ScrollContent {
    height: 100%;
  }
}

.text_box_wrapper {
  border: var(--form-border-thickness) var(--form-border-style) var(--light-grey-2);
  border-radius: .4286rem;
  flex-direction: row;
  justify-content: space-between;
  width: 20rem;
  height: 2.7143rem;
  display: flex;
}

.text_box_wrapper:hover {
  border: var(--form-border-thickness) var(--form-border-style) var(--textbox-border-hover-color);
  transition: all .4s;
}

.text_box {
  text-align: left;
  color: var(--text-color);
  font-size: var(--form-font-size);
  outline: var(--brand-state-focus-outline);
  font-weight: var(--form-font-weight);
  background-color: #fff;
  border: none;
  align-self: center;
}

.text_box_iphone {
  font-size: 1.1429rem;
}

.text_box::-webkit-input-placeholder {
  color: var(--text-color-fog-medium);
}

.text_box::placeholder {
  color: var(--text-color-fog-medium);
}

.text_box::placeholder {
  color: var(--text-color-fog-medium);
}

.text_box_icon {
  width: 80%;
  margin-left: 6px;
}

.text_box_simple {
  width: 90%;
  margin: 0 .4286rem;
}

.svg_icon {
  justify-content: center;
  align-items: center;
  width: 2.5714rem;
  height: 2.5714rem;
  padding: .4286rem;
  display: flex;
}

.svg_icon svg {
  width: 2.5714rem;
  padding: .4286rem;
}

.svg_icon_wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 2.7143rem;
  height: 2.7143rem;
  display: flex;
}

.buttonAppearanceNormal {
  -webkit-appearance: none;
}

.UniversalHeaderWrapper .recently-viewed-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 6.0714rem;
  padding: 1.4286rem 1.7857rem;
  display: flex;
}

.UniversalHeaderWrapper .section-1, .UniversalHeaderWrapper .section-2 {
  flex: 1;
}

.UniversalHeaderWrapper .search-bar .header > :last-child {
  cursor: pointer;
}

.UniversalHeaderWrapper .section-1 a {
  color: var(--text-color-light);
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.UniversalHeaderWrapper .section-2 a {
  color: var(--text-color-light);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.UniversalHeaderWrapper .section-2 img {
  min-width: 2rem;
  max-width: 4.5714rem;
  max-height: 4.5714rem;
}

.UniversalHeaderWrapper .section-2 .product-title {
  color: var(--text-color-light);
  letter-spacing: 0;
  padding-top: .2143rem;
  font-size: .8571rem;
  line-height: 1.2857rem;
  font-weight: var(--brand-fontweight-callout) !important;
}

.UniversalHeaderWrapper .item-view-all {
  color: var(--text-color-light);
  font-size: .8571rem;
  text-decoration: none;
  font-weight: var(--font-weight-semibold) !important;
}

.UniversalHeaderWrapper .item-label {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-light);
  font-size: .8571rem;
  text-decoration: none;
}

.UniversalHeaderWrapper .search-bar .wrapper li {
  cursor: default;
}

.recommanded-link, .recommanded-link:hover {
  color: var(--text-color);
  text-decoration: none !important;
}

.recommanded-wrapper {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.recommanded-wrapper .ImageWrapper {
  width: 4.2857rem;
  min-width: 4.2857rem;
  height: 4.2857rem;
  display: flex;
}

.recommanded-wrapper img {
  object-fit: contain;
  min-width: 3.5714rem;
  max-width: 100%;
  height: auto;
}

.recommanded-wrapper p {
  margin-left: 1.0714rem;
}

.skip-links-wrapper {
  z-index: 1000;
  background-color: var(--white);
  border: .0714rem var(--sfly-border-style-solid) var(--myprojects-border);
  border-top: none;
  padding: 1.0714rem 0;
  transition: transform .2s ease-out;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, -105%);
}

.skip-links-wrapper.active {
  transition: transform .2s ease-out;
  transform: translate(-50%, -1px);
}

.skip-links-wrapper.SFLY {
  border: .0714rem var(--sfly-border-style-solid) var(--ignite);
}

.skip-links-wrapper.TP {
  border: .0714rem var(--sfly-border-style-solid) #0192b5;
}

.skip-links-wrapper .skip-links-list {
  margin: 0;
  padding: 0;
  display: flex;
}

.skip-links-wrapper .skip-links-list .skip-link-wrapper {
  margin: .3571rem .7143rem;
  padding: 0 .3571rem;
  line-height: 1.1429rem;
  display: inline-block;
}

.skip-links-wrapper .skip-links-list .skip-link-wrapper .skip-link {
  font-weight: var(--brand-fontweight-interactive);
  color: #0065b8;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.1429rem;
  text-decoration: none;
}

.skip-links-wrapper .skip-links-list .skip-link-wrapper .skip-link:focus {
  text-decoration: underline;
}

@media screen and (width <= 480.5px) {
  .skip-links-list {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .skip-link-wrapper {
    margin: .7143rem;
  }
}

.UniversalHeaderWrapper {
  position: unset;
  box-shadow: unset;
  border: unset;
  background: var(--white);
  overflow: unset;
  max-width: 114.286rem;
  height: auto;
  margin: 0 auto .7143rem;
  font-size: 14px;
  display: block;
}

.UniversalHeaderWrapper * {
  box-sizing: unset;
}

.UniversalHeaderWrapper .enhanced-toolbar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.UniversalHeaderWrapper .NavBarWrapper .category-nav-wrapper .category-item .header-flyout-content-wrapper .ColumnContainer a:hover > * {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--text-color);
  text-decoration-color: var(--text-color);
}

.UniversalHeaderWrapper .flyout-footer .flyout.footer-logos .logos-tab {
  max-width: 100%;
}

.UniversalHeaderWrapper .flyout-footer .flyout.footer-logos .logo-container {
  background-color: var(--fog-light);
  flex-direction: row;
  justify-content: center;
}

.UniversalHeaderWrapper .ToolbarWrapper :focus:not(:focus-visible), .UniversalHeaderWrapper .NavBarWrapper :focus:not(:focus-visible) {
  outline: var(--brand-state-focus-outline);
}

.UniversalHeaderWrapper .flyout-footer .flyout.footer-logos .footer-logos li {
  box-shadow: none;
  display: flex;
}

.UniversalHeaderWrapper .flyout-footer .flyout.footer-logos > * {
  outline: var(--brand-state-focus-outline);
  border: none;
}

.UniversalHeaderWrapper .enhanced-toolbar .searchbar-mobile-wrapper {
  margin-top: .5em;
  overflow: clip visible;
}

.UniversalHeaderWrapper .ToolbarWrapper {
  border-bottom: .0714rem var(--sfly-border-style-solid) var(--color-fog-light);
  justify-content: space-between;
  align-items: center;
  margin-top: .643rem;
  display: flex;
  position: relative;
}

.UniversalHeaderWrapper .ToolbarWrapper.no-border {
  border-bottom: none !important;
}

.UniversalHeaderWrapper .ToolbarWrapper {
  border-bottom: .0714rem var(--sfly-border-style-solid) var(--brand-color-border-primary);
}

.UniversalHeaderWrapper .ToolbarWrapper .logos-tab {
  border-bottom: none;
  margin-left: 1.143rem;
}

.UniversalHeaderWrapper .ToolbarWrapper .footer-logos .logos-tab {
  margin-left: 0;
}

.UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container .svg-logo svg, .UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container a picture img, .header-flyout-container .flyout-footer .logos-tab .logo-container .svg-logo svg, .header-flyout-container .flyout-footer .logos-tab .logo-container a picture img {
  width: auto;
  height: auto;
}

.UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container a picture img, .header-flyout-container .flyout-footer .logos-tab .logo-container a picture img {
  max-height: 2.5rem;
}

.header-flyout-container .flyout-footer .logos-tab .logo-container {
  max-height: unset;
  column-gap: 11.429rem;
  min-height: 4.571rem;
}

.UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container .brand-logo, .UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container .brand-logo a, .header-flyout-container .flyout-footer .logos-tab .logo-container .brand-logo, .header-flyout-container .flyout-footer .logos-tab .logo-container .brand-logo a {
  min-width: unset;
  min-height: unset;
}

.UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container .boxRightShadow:last-child, .brandType-INC .logos-tab .logo-container .boxRightShadow {
  box-shadow: none;
}

.UniversalHeaderWrapper .NavBarWrapper .SubNavContainer {
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.UniversalHeaderWrapper .NavBarWrapper .SubNavContainer .category-nav-wrapper {
  border-bottom: none;
  padding: 0;
}

.UniversalHeaderWrapper .SearchButton:hover {
  cursor: pointer;
}

.UniversalHeaderWrapper .NavBarWrapper {
  align-items: center;
  margin: 0 1.714rem;
  display: flex;
  position: relative;
}

.UniversalHeaderWrapper .NavBarDivider {
  border-bottom: .0714rem var(--sfly-border-style-solid) var(--color-fog-light);
}

.NavBarWrapper .category-list-container .primary-list li.category-item.more-item .dropdown-menu-comp.show-pointer ul {
  max-width: unset;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  min-width: auto;
  margin-right: 2.571rem;
  display: flex;
}

.SearchComponentMobile {
  min-width: 2.1429em;
}

.hamburger-menus {
  z-index: 9999;
  background-color: var(--white);
  outline: var(--brand-state-focus-outline);
  width: 100%;
  position: fixed;
  top: 3.6429rem;
  left: 0;
}

.hide-section {
  display: none;
}

.UniversalHeaderWrapper button.uh-btn {
  background-color: initial;
  border: none;
}

#navigationMenu {
  outline: var(--brand-state-focus-outline);
}

@media screen and (width <= 1200.5px) {
  .SearchComponent {
    display: none;
  }

  .SearchComponentMobile svg {
    width: 1.4286em;
    height: 1.4286em;
    font-size: 14px;
  }

  .SearchComponentMobile .CloseSearch {
    cursor: pointer;
    width: 2.7143em;
    height: 34px;
  }

  .SearchComponentMobile .CloseSearch svg {
    width: 1em;
    height: 1em;
    padding: .7143em .5714em;
  }

  .SearchComponentMobile svg path {
    fill: var(--text-color);
  }

  .SearchComponentMobile, .SearchComponentMobile .SearchComponentWrapper {
    align-items: center;
    display: flex;
  }

  .SearchComponentMobile .SearchComponentWrapper .searchbar-opening {
    width: 100%;
    animation: .4s ease-in-out animateSearchBar;
  }

  .SearchComponentMobile .SearchComponentWrapper .searchbar-closing {
    width: 0%;
    animation: .4s ease-in-out animateSearchBarClose;
  }

  @keyframes animateSearchBar {
    from {
      width: 300%;
      margin-left: 100%;
    }

    to {
      width: 100%;
      margin-left: 0%;
    }
  }

  @keyframes animateSearchBarClose {
    from {
      width: 100%;
      margin-left: 0%;
    }

    to {
      width: 300%;
      margin-left: 100%;
    }
  }
}

@media screen and (width <= 991.5px) {
  .UniversalHeaderWrapper .ToolbarWrapper {
    margin-top: 0;
  }

  .UniversalHeaderWrapper .ToolbarWrapper .newX-hamburger-title .logos-tab {
    margin-left: 1.714rem;
  }

  .UniversalHeaderWrapper .ToolbarWrapper .hamburger-mobileonly svg {
    cursor: pointer;
    width: 1.5714rem;
    height: auto;
    max-height: 1.1429rem;
    padding: 1.0714rem .5714rem 0 .1429rem;
  }

  .UniversalHeaderWrapper .ToolbarWrapper .hamburger-mobileonly svg path {
    fill: var(--text-color);
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar .text_box_wrapper {
    height: 2.4286em;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar li#header_suggetions {
    padding: 0 1.2em;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar .dropdown-menu-comp {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar .dropdown-menu-comp ul {
    width: 98%;
    max-width: none;
  }

  .UniversalHeaderWrapper .hamburger-menus .additional-logos .visit-our-new-partner {
    color: var(--text-color);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0;
    text-align: right;
    width: 9.2143rem;
    height: 1.0714rem;
    margin-right: .5rem;
    font-size: .8571rem;
    line-height: 1.0714rem;
  }

  .UniversalHeaderWrapper .hamburger-menus .additional-logos a {
    align-items: center;
    display: flex;
  }

  .UniversalHeaderWrapper .hamburger-menus .additional-logos a .spoonflower-logo > svg {
    margin-right: .5714rem;
    position: relative;
    width: 7.1429rem !important;
    height: 1.7143rem !important;
  }

  .UniversalHeaderWrapper .hamburger-menus .additional-logos a .open-window-logo > svg {
    width: 1.1429rem;
    height: 1.1429rem;
  }

  .UniversalHeaderWrapper .collapsed-nx {
    height: fit-content;
    padding: 0;
    top: 0;
  }

  .UniversalHeaderWrapper .expanded-nx {
    height: 3.2684rem;
    top: 0;
  }

  .UniversalHeaderWrapper .newx-hamburger-mobileonly {
    display: flex;
  }

  .UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container a picture img, .header-flyout-container .flyout-footer .logos-tab .logo-container a picture img {
    max-height: 1.429rem;
  }

  .UniversalHeaderWrapper .ToolbarWrapper .logos-tab .logo-container .svg-logo svg, .UniversalHeaderWrapper .ToolbarWrapper .newX-hamburger-title .logos-tab .newx .logo-container .svg-logo svg {
    max-width: var(--MaxWidthMWebHeader);
  }

  .UniversalHeaderWrapper .footer-logos .logos-tab .logo-container .svg-logo svg {
    max-width: var(--MaxWidthMWebHeaderSubLogos);
  }
}

@media screen and (width >= 1201px) {
  .UniversalHeaderWrapper .SearchComponentWrapper.collapsed.collapsed-nx {
    display: none;
  }
}

@media screen and (width <= 991.5px) and (width >= 769px) {
  .UniversalHeaderWrapper .ToolbarWrapper .uni-header-menu-items {
    margin-top: -.6rem;
  }

  .UniversalHeaderWrapper .ToolbarWrapper {
    margin-top: .429rem;
  }

  .UniversalHeaderWrapper .hamburger-menus {
    top: 4.5714rem;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar .text_box_wrapper {
    min-width: 17.2489em;
  }

  .UniversalHeaderWrapper .costco-logo .svg-icon svg {
    padding-right: 1.714rem;
  }
}

@media screen and (width <= 768.5px) {
  .UniversalHeaderWrapper {
    overflow-y: unset;
    overflow-x: clip;
  }

  .UniversalHeaderWrapper .NavBarWrapper {
    padding: 0;
  }

  .UniversalHeaderWrapper .NavBarWrapper .SubNavContainer {
    width: calc(100% - 3rem);
  }

  .UniversalHeaderWrapper .NavBarWrapper .SubNavContainer .cat-list-mobile-container {
    width: 98%;
  }

  .UniversalHeaderWrapper .expanded-nx {
    height: 2.199em;
    top: 0;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .SearchComponentWrapper.expanded {
    z-index: 1000;
    background-color: #fff;
    width: 99%;
    padding: .6429em .2143em;
    position: absolute;
    left: 0;
  }

  .UniversalHeaderWrapper .costco-logo .svg-icon svg {
    padding-right: .929rem;
  }
}

@media screen and (width <= 480.5px) {
  .UniversalHeaderWrapper .SearchComponentMobile .SearchComponentWrapper.expanded {
    width: 98%;
  }

  .UniversalHeaderWrapper .SearchComponentMobile .search-bar .dropdown-menu-comp ul {
    width: 94%;
  }

  .UniversalHeaderWrapper .costco-logo {
    display: none;
  }
}

@media screen and (width <= 991.5px) {
  .UniversalHeaderWrapper.hamburgerMenuExpanded {
    background-color: var(--white);
    z-index: 1099;
    height: 100%;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .UniversalHeaderWrapper .NavBarWrapper.NoBorder {
    border: none;
  }

  .UniversalHeaderWrapper .CategoryNavExperience-2 {
    display: none;
  }

  .UniversalHeaderWrapper .universal-header-hamburger {
    align-self: center;
    width: 1.5714rem;
    height: 1.2857rem;
    padding: 0 .7857rem;
  }

  .Drawer.newx-hamburger-mobileonly .footer-logos .logo-container {
    background-color: var(--fog-light);
    justify-content: center;
    column-gap: 2.857rem;
    min-height: 3.429rem;
    max-height: none;
    display: flex;
  }

  .Drawer.newx-hamburger-mobileonly .footer-logos li, #headerContainer .newx-hamburger-mobileonly .footer-logos .logo-container > li.brand-logo {
    box-shadow: none;
    display: flex;
  }

  .Drawer.newx-hamburger-mobileonly .hamburger-menus {
    top: 0;
  }

  .Drawer.newx-hamburger-mobileonly .hamburger-menus .newX-hamburger-title {
    align-items: center;
    padding: 1.286rem .7857rem .286rem 0;
  }

  .Drawer.newx-hamburger-mobileonly .hamburger-menus .newX-hamburger-title .svg-logo svg {
    margin-top: 0 !important;
  }

  .Drawer.newx-hamburger-mobileonly .newX-hamburger-title span.close-icon {
    padding-right: .7143rem;
  }

  .Drawer.newx-hamburger-mobileonly .newX-hamburger-title span.close-icon svg {
    fill: var(--text-color-fog);
  }

  .Drawer.newx-hamburger-mobileonly .hamburger-menus .hamburger-menu-wrapper-container {
    height: auto;
  }

  .UniversalHeaderWrapper .searchbar-desktop-wrapper {
    display: none;
  }

  .UniversalHeaderWrapper .searchbar-mobile-wrapper {
    display: initial;
  }

  .UniversalHeaderWrapper .logos-tab.newx .logo-container .brand-logo {
    min-width: auto;
    min-height: auto;
  }

  .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip {
    display: none;
  }
}

@media screen and (width >= 992px) {
  .UniversalHeaderWrapper .newx-hamburger-mobileonly {
    display: none !important;
  }

  .UniversalHeaderWrapper .searchbar-desktop-wrapper {
    display: initial;
  }

  .UniversalHeaderWrapper .searchbar-mobile-wrapper {
    display: none;
  }

  .UniversalHeaderWrapper .costco-logo {
    position: relative;
  }

  .UniversalHeaderWrapper .costco-logo:hover .costco-logo-tooltip {
    visibility: visible;
    z-index: 1;
  }

  .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip {
    font-size: 1rem;
    font-weight: var(--font-weight-regular);
    color: var(--text-color-fog);
    letter-spacing: 0;
    border-radius: var(--sfly-border-radius-big);
    background-color: var(--white);
    border: .071rem var(--sfly-border-style-solid) var(--slate-gray);
    visibility: hidden;
    width: max-content;
    max-width: 27.786rem;
    padding: 1.143rem;
    line-height: 1.5rem;
    position: absolute;
    top: calc(100% + .857rem);
    left: calc(50% - .8rem);
    transform: translateX(-50%);
    z-index: 1000 !important;
  }

  .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip:before, .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip:after {
    content: "";
    border-left: .714rem var(--sfly-border-style-solid) transparent;
    border-right: .714rem var(--sfly-border-style-solid) transparent;
    margin-left: .714rem;
    font-size: 1rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip:before {
    border-bottom: .714rem var(--sfly-border-style-solid) var(--slate-gray);
  }

  .UniversalHeaderWrapper .costco-logo .costco-logo-tooltip:after {
    border-bottom: .714rem var(--sfly-border-style-solid) var(--white);
    margin-bottom: -.143rem;
  }
}

@media screen and (width <= 768.5px) {
  .UniversalHeaderWrapper .SearchComponentMobile .expanded-nx {
    z-index: 998;
    background-color: #fff;
    width: 99%;
    padding: .6429em .2143em;
    position: absolute;
    left: 0;
  }
}

@media screen and (width <= 991.5px) {
  .UniversalHeaderWrapper .costco-logo .svg-icon svg {
    width: 7.143rem;
    height: 2.105rem;
    padding-top: .6rem;
  }
}

@media screen and (width >= 992px) {
  .UniversalHeaderWrapper .costco-logo .svg-icon svg {
    width: 8.48rem;
    height: 2.499rem;
    padding-right: 1.734rem;
  }

  .UniversalHeaderWrapper .costco-logo .svg-icon {
    padding-top: .429rem;
    display: inline-block;
  }
}

@media screen and (width <= 991.5px) and (width >= 769px) {
  .UniversalHeaderWrapper .costco-logo .svg-icon svg {
    padding-right: 1.714rem;
  }
}

.Drawer .Drawer__checkbox {
  display: none;
}

.Drawer .Drawer__checkbox:checked ~ .Drawer__overlay {
  opacity: 1;
  display: block;
}

.Drawer .Drawer__checkbox:checked ~ .Drawer__container {
  visibility: visible;
  transform: translate3d(0, 0, 0) !important;
}

.Drawer .Drawer__overlay {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.Drawer .Drawer__container {
  visibility: hidden;
  background: #fff;
  transition: all;
  position: fixed;
  box-shadow: 0 0 .7143rem .3571rem #0000001a;
}

.Drawer.animate {
  animation: .4s ease-in-out fadeIn;
}

@keyframes fadeIn {
  0% {
    transform: translateY(2rem);
  }

  100% {
    transform: translateY(0);
  }
}

picture {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

picture img {
  object-fit: contain;
  max-width: 100%;
  height: auto;
}

.hotspot-image-box {
  position: relative;
}

.hotspot-image-box .hotspot-box {
  visibility: hidden;
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}

.hotspot-image-box .hotspot-box.show {
  visibility: visible;
}

.hotspot-image-box .hotspot-box ul {
  list-style-type: none;
}

.hotspot-image-box .hotspot-box li {
  list-style-type: none;
  position: absolute;
}

.hotspot-image-box .hotspot {
  border: .071rem var(--sfly-border-style-solid) var(--hotspot-border-color);
  background: var(--white);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.571rem;
  height: 2.571rem;
  padding: 0;
  transition: all .25s ease-in-out;
  display: flex;
  position: absolute;
  transform: translateX(-1.286rem)translateY(-1.286rem);
}

.hotspot-image-box .hotspot .spot-icon {
  width: 1.143rem;
  height: 1.143rem;
}

.hotspot-image-box .hotspot .spot-icon svg path {
  fill: var(--hotspot-icon-color);
}

@media (hover: hover) {
  .hotspot-image-box .hotspot:hover {
    opacity: .9;
    box-shadow: 0 0 0 .286rem var(--hotspot-hover-box-shadow-color);
    border: var(--sfly-border-thickness-thick) var(--sfly-border-style-solid) var(--hotspot-border-color);
  }
}

.hotspot-image-box .hotspot.active {
  background-color: var(--hotspot-border-color);
  border: .143rem var(--sfly-border-style-solid) var(--white);
}

.hotspot-image-box .hotspot.active .spot-icon svg path {
  fill: var(--white);
}

.hotspot-image-box .hotspot:focus-visible {
  outline: solid;
  outline-color: var(--brand-color-border-primary);
  outline-offset: .214rem;
  border: .143rem var(--sfly-border-style-solid) var(--hotspot-border-color);
}

.hotspot-image-box .hotspot-popup {
  background: var(--hotspot-popin-bg-color);
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  text-align: left;
  color: var(--text-color);
  z-index: 999;
  flex-direction: column;
  width: max-content;
  min-width: 13.7143rem;
  max-width: 17.6429rem;
  padding: 1.1429rem 1.4286rem 1.1429rem 1.1429rem;
  font-size: 1rem;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
  display: flex;
  position: absolute;
}

.hotspot-image-box .hotspot-popup > :not(:last-child) {
  margin-bottom: .5714rem;
}

.hotspot-image-box .hotspot-popup .svg-btn-icon {
  background: initial;
  cursor: pointer;
  border: none;
  margin: .5714rem;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.hotspot-image-box .hotspot-popup .svg-btn-icon svg {
  width: .7143rem;
  height: .7143rem;
}

.hotspot-image-box .hotspot-popup.section1 {
  transform: translateY(1.286rem);
}

.hotspot-image-box .hotspot-popup.section2 {
  transform: translateX(-100%)translateY(1.286rem);
}

.hotspot-image-box .hotspot-popup.section3 {
  transform: translateY(-100%)translateY(-1.286rem);
}

.hotspot-image-box .hotspot-popup.section4 {
  transform: translateX(-100%)translateY(-100%)translateY(-1.286rem);
}

.hotspot-image-box .hotspot-popup.section12 {
  transform: translateX(-50%)translateY(1.286rem);
}

.hotspot-image-box .hotspot-popup.section34 {
  transform: translateX(-50%)translateY(-100%)translateY(-1.286rem);
}

.hotspot-image-box .hotspot-popup.section13 {
  transform: translateY(-50%)translateX(1.286rem);
}

.hotspot-image-box .hotspot-popup.section24 {
  transform: translateX(-100%)translateX(-1.286rem)translateY(-50%);
}

.hotspot-image-box .hotspot-popup * {
  word-wrap: break-word;
}

.hotspot-image-box .hotspot-popup .Title {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-gray);
  line-height: 1.2857rem;
}

.hotspot-image-box .hotspot-popup .Description {
  font-weight: var(--font-weight-regular);
  color: var(--text-color-gray);
  line-height: 1.1429rem;
}

.hotspot-image-box .PriceSection {
  color: var(--text-color-fog);
  line-height: 1.5rem;
}

.hotspot-image-box .PricePrefix + .OriginalPrice, .hotspot-image-box .PricePrefix + .SalePrice {
  margin-left: .3571rem;
}

.hotspot-image-box .OriginalPrice + .SalePrice {
  margin-left: .5rem;
}

.hotspot-image-box .StrikeThru {
  text-decoration: line-through;
}

.hotspot-image-box .SalePrice {
  color: var(--brand-color-border-primary);
  font-weight: var(--font-weight-regular);
}

.hotspot-image-box .LinkArrow {
  font-weight: var(--font-weight-semibold);
  text-transform: var(--sfly-font-transform-interactive);
  color: var(--text-color-gray);
  font-size: 1rem;
  text-decoration: none;
  display: block;
}

.hotspot-image-box .LinkArrow:after {
  content: "";
  border: var(--sfly-border-style-solid) var(--text-color-gray);
  border-radius: var(--sfly-border-radius-small) var(--sfly-border-radius-small) 0 0;
  border-width: 2px 2px 0 0;
  width: .4286rem;
  height: .4286rem;
  margin: 0 0 .0714rem .2143rem;
  display: inline-block;
  transform: rotate(45deg);
}

.hotspot-image-box .LinkArrow.AlignRight {
  text-align: right;
}

.hotspot-image-box .hotspot-popup .LinkSection a + a {
  margin-top: .5714rem;
}

.hotspot-image-box .hotspot.active + .hotspot-popup {
  visibility: visible;
  opacity: 1;
}

.hotspot-image-box li.hideForAll {
  display: none;
}

@media screen and (width >= 993px) and (width <= 1024px) {
  .hotspot-image-box .hotspot-box.hideOnextended {
    display: none;
  }
}

@media screen and (width <= 768px) {
  .hotspot-image-box .hotspot-popup {
    min-width: calc(50vw - 1.1429rem);
    max-width: calc(50vw - 1.1429rem);
    padding: .5714rem 1.4286rem .5714rem .5714rem;
  }
}

@media screen and (width >= 769px) and (width <= 992px) {
  .hotspot-image-box .hotspot-box.hideOnmedium {
    display: none;
  }
}

@media screen and (width >= 481px) and (width <= 768px) {
  .hotspot-image-box .hotspot-box.hideOnsmall {
    display: none;
  }
}

@media screen and (width <= 480px) {
  .hotspot-image-box .hotspot-box.hideOnextrasmall {
    display: none;
  }
}

@media screen and (width >= 993px) {
  .hotspot-image-box .hotspot-box li.OnlyDesktop, .hotspot-image-box .hotspot-box li.TabletAndDesktop, .hotspot-image-box .hotspot-box li.MobileAndDesktop {
    display: list-item;
  }
}

@media screen and (width >= 769px) and (width <= 992px) {
  .hotspot-image-box .hotspot-box li.OnlyTablet, .hotspot-image-box .hotspot-box li.TabletAndDesktop, .hotspot-image-box .hotspot-box li.MobileAndTablet {
    display: list-item;
  }
}

@media screen and (width <= 768px) {
  .hotspot-image-box .hotspot-box li.OnlyMobile, .hotspot-image-box .hotspot-box li.MobileAndTablet, .hotspot-image-box .hotspot-box li.MobileAndDesktop {
    display: list-item;
  }
}

.Badge {
  text-transform: var(--sfly-font-transform-lettercase);
  display: inline-block;
}

.Badge.SFLY, .Badge.SFLY_BOLD, .Badge.TP, .Badge.TP_BOLD {
  color: var(--brand-color-border-primary) !important;
}

.Badge.SFLY_BOLD, .Badge.TP_BOLD {
  font-weight: var(--font-weight-bold) !important;
}

.ColumnContent {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ColumnContainer {
  margin: 0 0 2.1429rem;
}

.ColumnContent li, .ColumnContainer h2 {
  text-align: left;
  margin-bottom: .7143rem;
  font-size: .9286rem;
  line-height: 1.5;
}

.ColumnContainer h2 {
  letter-spacing: normal;
  margin: 0 0 .8571rem;
}

.ColumnContainer h2.ColumnHeader a, .ColumnContainer h2.ColumnHeader a:hover {
  text-decoration: none;
}

.ColumnContainer h2.ColumnHeader a, .ColumnContainer h2.ColumnHeader span {
  font-weight: var(--font-weight-bold);
  color: var(--text-color-gray);
  text-transform: var(--sfly-font-transform-interactive);
}

.ColumnContent li a, .ColumnContent li span {
  font-weight: var(--brand-fontweight-interactive);
  color: var(--text-color);
  word-spacing: normal;
  letter-spacing: normal;
  font-size: .9286rem;
  text-decoration: none;
  display: inline-block;
}

.ColumnContent li a:hover {
  -webkit-text-decoration-color: #aaa;
  text-decoration-color: #aaa;
  text-decoration: underline !important;
}

.ColumnContainer h2.ColumnHeader a:after {
  content: " >";
}

.ColumnContainer h2.ColumnHeader a:focus:after {
  display: inline;
}

.ColumnContent li.ColumnThumbItem img {
  min-width: 11.0714rem;
  max-width: 100%;
  height: 8.5714rem;
}

@media screen and (width >= 992px) {
  .ColumnContent .ColumnItem.hideOnDesktop {
    display: none;
  }
}

@media screen and (width <= 768px) {
  .ColumnContent .ColumnItem.hide-on-mobile, .ColumnContainer.hideonMobile {
    display: none;
  }
}

.cart-count-icon path {
  fill: var(--text-color);
}

.cart-count-icon .svg-icon {
  width: 1.5714rem;
  height: 1.5714rem;
}

.cart-count-icon circle.orange {
  fill: var(--ignite);
}

.cart-count-icon text {
  font-weight: var(--brand-fontweight-callout);
  fill: var(--white);
}

.cart-count-icon:hover path {
  fill: var(--ignite);
}

.logos-tab {
  box-sizing: border-box;
  border-bottom: .0714rem var(--sfly-border-style-solid) var(--color-fog-light);
  max-width: 66.4286rem;
}

.logos-tab .logo-container {
  vertical-align: middle;
  flex-wrap: wrap;
  align-items: center;
  max-height: 4.5rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
}

.logos-tab .logo-container li {
  cursor: pointer;
  margin-bottom: 0;
}

.logos-tab .logo-container .svg-logo svg, .logos-tab .logo-container a picture img {
  text-align: center;
  width: 13.2143rem;
  height: 4.5rem;
  display: block;
}

.SFLY-SVG .active.old-xp span svg {
  background: var(--ignite);
}

.TP-SVG .active.old-xp span svg {
  background: var(--color-sf-light-blue);
}

.logos-tab .logo-container .brand-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 11.5rem;
  min-height: 4.5rem;
  display: flex;
}

.logos-tab .logo-container .brand-logo span.additional-text + a .svg-logo svg, .logos-tab .logo-container .brand-logo span.additional-text + a .svg-logo img, .logos-tab .logo-container .brand-logo span.additional-text + a picture img {
  width: 7.8571rem;
  height: 1.8071rem;
}

.logos-tab .logo-container .brand-logo .additional-text {
  color: var(--text-color);
  font-weight: var(--brand-fontweight-callout);
  letter-spacing: 0;
  text-align: center;
  font-size: .8571rem;
  line-height: 1.5;
}

@media only screen and (width <= 991px) {
  .logos-tab .logo-container .spoonflower-SVG, .logos-tab:not(.newx) .logo-container .custom-logo {
    display: none;
  }
}

@media only screen and (width <= 768px) {
  .logos-tab .logo-container .brand-logo {
    min-width: 8.6429rem;
    min-height: 3.4286rem;
  }

  .logos-tab.newx .logo-container .brand-logo {
    min-width: auto;
    min-height: auto;
  }

  .logos-tab .logo-container .TP-SVG {
    min-width: 8.3571rem;
    min-height: 3.4286rem;
  }

  .logos-tab .logo-container .svg-logo svg, .logos-tab .logo-container .custom-logo a picture img {
    object-fit: fill;
    width: 10.0715rem;
    height: 3.4286rem;
  }

  .logos-tab.newx .logo-container .custom-logo a picture img {
    width: auto;
  }

  .logos-tab .logo-container .TP-SVG .svg-logo svg {
    width: 10.0714rem;
    height: 3.4286rem;
  }
}
/*# sourceMappingURL=brcmsspa-50.428784416faaa.css.map */