/*
TODO:: Section > Arrivals darker BG
Social Newsletter > Darker BG
 */
:root {
  --a11y-overrides-text-base: rgb(89, 89, 89);
  --a11y-overrides-text-darker: #555;
  --a11y-overrides-text-green: rgb(25, 134, 2);
  --a11y-overrides-social-toyfan: #d10005;
  --a11y-overrides-social-link: #1a58d6;
}

body header.header:has(:focus-within) .js--header__row {
  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: all !important;
}

body .header__menu__mobile:has(:focus-within) {
  left: 0 !important;
}

@media screen and (prefers-reduced-motion: reduce) {
  body *, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded *, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}
body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
  outline: 6px double #000000 !important;
  box-shadow: 0 0 0 3px #ffffff !important;
}
@supports selector(:focus-visible) {
  body, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded {
    /* These Input fields ALWAYS get focus, even on click - make it less ugly */
  }
  body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
    outline: 0 none !important;
    box-shadow: 0 0 0 0 transparent !important;
  }
  body .focushelper:has(> *:focus-within),
  body :focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible {
    outline: 6px double #000000 !important;
    box-shadow: 0 0 0 3px #ffffff !important;
  }
  body input.focushelper:has(> *:focus-within), body input:focus-visible,
  body select.focushelper:has(> *:focus-within),
  body select:focus-visible,
  body textarea.focushelper:has(> *:focus-within),
  body textarea:focus-visible,
  body button.focushelper:has(> *:focus-within),
  body button:focus-visible,
  body div.focushelper:has(> *:focus-within),
  body div:focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible {
    outline: 3px solid #000000 !important;
    box-shadow: 0 0 0 1px #ffffff !important;
  }
  body div.js--container_to_insert,
  body ul.pagination a,
  body a.product_main__link:focus-visible,
  body .d2s-vue-facet button, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button {
    outline-offset: -6px !important;
  }
  body a.header_logos__link:focus-visible,
  body div.header__menu__desktop ul.lvl1 > li a, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
  body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
  body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a {
    outline-offset: -9px !important;
  }
}
@layer {
  @media screen and (prefers-reduced-motion: reduce) {
    body *, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded *, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded * {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
    }
  }
  body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
    outline: 6px double #000000 !important;
    box-shadow: 0 0 0 3px #ffffff !important;
  }
  @supports selector(:focus-visible) {
    body, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded {
      /* These Input fields ALWAYS get focus, even on click - make it less ugly */
    }
    body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
      outline: 0 none !important;
      box-shadow: 0 0 0 0 transparent !important;
    }
    body .focushelper:has(> *:focus-within),
    body :focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible {
      outline: 6px double #000000 !important;
      box-shadow: 0 0 0 3px #ffffff !important;
    }
    body input.focushelper:has(> *:focus-within), body input:focus-visible,
    body select.focushelper:has(> *:focus-within),
    body select:focus-visible,
    body textarea.focushelper:has(> *:focus-within),
    body textarea:focus-visible,
    body button.focushelper:has(> *:focus-within),
    body button:focus-visible,
    body div.focushelper:has(> *:focus-within),
    body div:focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible {
      outline: 3px solid #000000 !important;
      box-shadow: 0 0 0 1px #ffffff !important;
    }
    body div.js--container_to_insert,
    body ul.pagination a,
    body a.product_main__link:focus-visible,
    body .d2s-vue-facet button, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button {
      outline-offset: -6px !important;
    }
    body a.header_logos__link:focus-visible,
    body div.header__menu__desktop ul.lvl1 > li a, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a {
      outline-offset: -9px !important;
    }
  }
}
@layer utilities {
  @media screen and (prefers-reduced-motion: reduce) {
    body *, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded *, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded * {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
    }
  }
  body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
    outline: 6px double #000000 !important;
    box-shadow: 0 0 0 3px #ffffff !important;
  }
  @supports selector(:focus-visible) {
    body, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded {
      /* These Input fields ALWAYS get focus, even on click - make it less ugly */
    }
    body :focus, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus {
      outline: 0 none !important;
      box-shadow: 0 0 0 0 transparent !important;
    }
    body .focushelper:has(> *:focus-within),
    body :focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded :focus-visible {
      outline: 6px double #000000 !important;
      box-shadow: 0 0 0 3px #ffffff !important;
    }
    body input.focushelper:has(> *:focus-within), body input:focus-visible,
    body select.focushelper:has(> *:focus-within),
    body select:focus-visible,
    body textarea.focushelper:has(> *:focus-within),
    body textarea:focus-visible,
    body button.focushelper:has(> *:focus-within),
    body button:focus-visible,
    body div.focushelper:has(> *:focus-within),
    body div:focus-visible, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input.focushelper:has(> *:focus-within), body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded input:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded select:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded textarea:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded button:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.focushelper:has(> *:focus-within),
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div:focus-visible {
      outline: 3px solid #000000 !important;
      box-shadow: 0 0 0 1px #ffffff !important;
    }
    body div.js--container_to_insert,
    body ul.pagination a,
    body a.product_main__link:focus-visible,
    body .d2s-vue-facet button, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.js--container_to_insert,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded ul.pagination a,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.product_main__link:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded .d2s-vue-facet button {
      outline-offset: -6px !important;
    }
    body a.header_logos__link:focus-visible,
    body div.header__menu__desktop ul.lvl1 > li a, body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
    body div.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a, body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded a.header_logos__link:focus-visible,
    body button.vue-3-tw-app.vue-3.vue-tw.vue-loaded div.header__menu__desktop ul.lvl1 > li a {
      outline-offset: -9px !important;
    }
  }
}

body {
  /*.header__menu__desktop ul.lvl1 > li.with-children:focus-within > a {
  	color: var(--scheme-primary);
  	background-color: #fff;
  	text-decoration: none;
  }*/
}
body .text-sdggreen, body div.vue-3-tw-app.vue-3.vue-tw .text-sdggreen {
  color: var(--a11y-overrides-text-green) !important;
}
body .about a, body .about a:hover,
body .social-v2 a,
body .social-v2 a:hover, body div.vue-3-tw-app.vue-3.vue-tw .about a, body div.vue-3-tw-app.vue-3.vue-tw .about a:hover,
body div.vue-3-tw-app.vue-3.vue-tw .social-v2 a,
body div.vue-3-tw-app.vue-3.vue-tw .social-v2 a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
body .fast_search_body__circle {
  color: var(--a11y-overrides-text-base);
  border-color: var(--a11y-overrides-text-base);
}
body .fast_search_body__circle.fast_search_body__circle--active {
  color: white;
}
body main.page_wrapper__content section.genres div.title {
  color: var(--a11y-overrides-text-darker);
}
body main.page_wrapper__content section.arrivals {
  backdrop-filter: saturate(105%) brightness(75%) contrast(95%) !important;
}
body main.page_wrapper__content section.arrivals div.title {
  text-shadow: 1px 1px 8px #000000;
}
body main.page_wrapper__content section.social-v2 div.row:first-of-type div.h1 {
  color: var(--a11y-overrides-text-darker);
}
body main.page_wrapper__content section.social-v2 .social-v2--socials {
  background: linear-gradient(to bottom, rgb(68, 130, 255), rgb(124, 164, 255));
}
body main.page_wrapper__content section.social-v2 .social-v2--socials a {
  color: var(--a11y-overrides-social-link);
}
body main.page_wrapper__content section.social-v2 .social-v2--toyfan {
  background: linear-gradient(to bottom, rgb(255, 65, 69), rgb(255, 112, 112));
}
body main.page_wrapper__content section.social-v2 .social-v2--toyfan a {
  color: var(--a11y-overrides-social-toyfan);
}
body .genres__item img {
  transition: transform 250ms ease-in-out;
}
body .genres__item .genres__item_text {
  text-shadow: 1px 1px 8px #000000;
}
body .breadcrumbs__link {
  color: var(--a11y-overrides-text-base);
}
body .product__title {
  font-weight: 500;
}
body button.recommendation__arrow, body button.blog-recommendation__arrow, body button.arrivals__arrow, body button.main_slider__arrow, body button.select__row {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
}
body button.select__row {
  width: 100%;
}
body button.header_main_mob__circle {
  border: none;
  margin: 0;
  padding: 0;
}
body button.product_detail__stack_img {
  border-width: 2px;
  border-color: #f8f8f8;
  margin: 0;
  padding: 0;
}
@layer base {
  body button.product_detail__stack_img {
    border-color: #f8f8f8;
  }
}
body button.product_detail__stack_img:hover, body button.product_detail__stack_img:focus-within {
  border-color: var(--scheme-primary);
}
body button.product_detail__stack_img img {
  border-width: 0 !important;
}
body .footer-link:hover, body .footer-link:focus {
  text-decoration: underline;
}
body .footer ul.select__list.lang_link_list li {
  margin: 0 !important;
  /*This needs to override all at max spec*/
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-block;
  width: 100%;
}
body .footer ul.select__list.lang_link_list li a {
  color: #595959;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
body .header__menu__desktop ul.lvl1 > li.with-children:focus-within > a + div {
  display: block !important;
  position: absolute;
  top: 54px;
  left: 0;
  background: #fff;
  width: 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
body .service-portal-button:focus-within {
  background: var(--scheme-primary);
}
@media (min-width: 1200px) {
  body .header_main_col__wrapper--user:focus-within .header_main_col__user {
    z-index: 0;
    visibility: visible;
    left: -188%;
    opacity: 1;
  }
  body .header_main_col__wrapper--user:focus-within .header_main_col__user .settings_body__link {
    animation-name: show_user_links;
    animation-duration: 0.2s;
    animation-delay: 0.35s;
    animation-fill-mode: forwards;
  }
}
body .services_panel__item, body .services_panel__item a {
  color: var(--a11y-overrides-text-base);
}
body table.customer-overview-order-desktop thead tr th {
  color: var(--a11y-overrides-text-base);
}
body table.customer-overview-order-desktop tbody tr th {
  color: var(--a11y-overrides-text-darker);
}
body .product-details-spare-parts--column a {
  display: inline-block;
}
body .product-details-spare-parts--more {
  border: none;
}
body #comments_modal:not(.show),
body #question_modal:not(.show) {
  display: none !important;
  transition: all 250ms allow-discrete;
}

/*# sourceMappingURL=a11y.css.map */