@charset "utf-8";

:root { --aside-width: 500px; --cart-aside-summary-height-with-discount: 300px; --cart-aside-summary-height: 250px; --grid-item-width: 355px; --header-height: var(--base-size-64); --header-bottom: 0; --announcement-bar-height: 0; --color-dark: #000; --color-light: #fff; --z-index-highest: 100; --z-index-dialog: 20; --z-index-popover: 30; --z-index-dropdown: 30; --z-index-overlay: 10; --z-index-header: 20; --z-index-aside: 31; }

body { font: 400 16px / 150% "Open Sans", "Open Sans Fallback", sans-serif; color: rgb(26, 33, 30); }

img { border-radius: 4px; }

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

@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes slide-up-in { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes slide-up-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-100%); }
}

@keyframes slide-right-in { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes slide-left-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@keyframes slide-left-in { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes slide-right-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}