.icon-module__root {
    touch-action: manipulation;
}

.icon-module__icon {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

.icon-module__icon_desktop {
}

.category-module__root {
}

.category-module__title {
}

.category-module__pagination {
}

.category-module__placeholder {
}

.category-module__categoryTitle {
}

.category-module__heading {
}

.category-module__categoryContent {
}

.category-module__categoryInfo {
    flex-basis: 100%;
}

.category-module__headerButtons {
    flex-basis: 100%;
}

.category-module__contentWrapper {
}

.category-module__sidebar {
}

.breadcrumbs-module__root {
    /* Permanent height to prevent pop-in. */
    /* Show ellipses when overflowing. */
}

.breadcrumbs-module__text {
}

.breadcrumbs-module__divider {
}

.breadcrumbs-module__link {
}

.breadcrumbs-module__currentCategory {
}

.button-module__root {
    padding-top: calc(0.5rem + 1px); /* TODO @TW: review */
    padding-bottom: calc(0.5rem - 1px); /* TODO @TW: review */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
}

.button-module__root:active {
    transition-duration: 128ms;
}

/**
 * Some browsers retain the :hover state after a click, this ensures if a button becomes disabled after
 * being clicked it will be visually disabled.
 */
.button-module__root:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-module__root_lowPriority {
}

.button-module__root_normalPriority {
}

.button-module__root_highPriority {
}

.button-module__root_lowPriorityNegative,
.button-module__root_normalPriorityNegative {
}

.button-module__root_highPriorityNegative {
}

.button-module__content {
}

.checkbox-module__root {
    --stroke: var(--venia-global-color-gray-600);
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
}

.checkbox-module__input {
    grid-area: input;

    /* TODO @TW: review, replaces input:disabled. Check if working. */
}

.checkbox-module__icon {
    grid-area: input;
}

.checkbox-module__icon svg {
    stroke: rgb(var(--stroke));
}

.checkbox-module__label {
    grid-area: label;
}

/* When the input is disabled, update the cursor on the sibling label element. */
/* TODO @TW: cannot compose */
.checkbox-module__input:disabled ~ .checkbox-module__label {
    cursor: default;
}

.checkbox-module__input:checked:enabled + .checkbox-module__icon {
    --stroke: var(--venia-brand-color-1-700);
}

/* TODO @TW: cannot compose, needs "checked" variant enabled. Cannot combine variants. */
.checkbox-module__input:active:enabled,
.checkbox-module__input:focus:enabled {
    /* composes: active_shadow-radioActive from global; */
    /* composes: focus_shadow-radioFocus from global; */
    box-shadow: -3px 3px rgb(var(--venia-brand-color-1-100));
    outline: none;
}

.checkbox-module__input_shimmer {
}

.radio-module__root {
    grid-template-areas: 'input label';
    grid-template-columns: min-content 1fr;
}

.radio-module__input {
    grid-area: input;
}

.radio-module__icon {
    grid-area: input;
}

/* TODO @TW: cannot compose */
.radio-module__icon svg {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}

.radio-module__label {
    grid-area: label;
}

/* TODO @TW: cannot compose */
.radio-module__input:checked + .radio-module__icon svg {
    /* composes: stroke-brand-base from global; */
    stroke: rgb(var(--venia-brand-color-1-700));
}

.radio-module__input_shimmer {
}

.field-module__root {
}

.field-module__label {
    min-height: 2.125rem;
}

.field-module__input {
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */
}

.field-module__input:disabled {
    background: rgb(var(--venia-global-color-gray-100));
    border-color: rgb(var(--venia-global-color-gray-400));
    color: rgb(var(--venia-global-color-gray-darker));
}

.field-module__optional {
}

.textArea-module__input {
}

.textArea-module__input_shimmer {
    font-size: 1rem;
}

.textInput-module__input {
}

.textInput-module__input_error {
}

.textInput-module__input_shimmer {
    font-size: 1rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
}

.shimmer-module__root {
}

/* TODO @TW: cannot compose */

.shimmer-module__root::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(
        --venia-global-maxWidth
    ); /* TODO @TW: review. this should use TW theme value "maxWidth.site" */
    height: 100%;
    background-image: linear-gradient(
        to right,
        rgb(var(--venia-global-color-gray-50) / 0%) 0%,
        rgb(var(--venia-global-color-gray-50)) 40%,
        rgb(var(--venia-global-color-gray-50) / 0%) 80%,
        rgb(var(--venia-global-color-gray-50) / 0%) 100%
    );
    /* composes: bg-no-repeat from global; */
    background-repeat: none;
    background-size: var(--venia-global-maxWidth) 100%;
    -webkit-animation-name: shimmer-module__shimmerAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    will-change: transform;
}

.shimmer-module__root_rectangle {

    min-height: 1rem;
}

.shimmer-module__root_button {
}

.shimmer-module__root_checkbox {
}

.shimmer-module__root_radio {
}

.shimmer-module__root_textArea {

    min-height: 6.75rem;
}

.shimmer-module__root_textInput {
}

.filterSidebar-module__root {
    grid-template-rows: 1fr 7rem;
}

.filterSidebar-module__body {
}

.filterSidebar-module__header {
}

.filterSidebar-module__headerTitle {
}

.filterSidebar-module__action {
}

/* TODO @TW: cannot compose */

.filterSidebar-module__action button {
    /* composes: text-sm from global; */
    font-size: 0.875rem;
    /* composes: no-underline from global; */
    text-decoration: none;
}

.filterSidebar-module__blocks {
}

/* TODO @TW: cannot compose */

.filterSidebar-module__blocks > li:last-child {
    /* composes: border-b-2 from global; */
    /* composes: border-solid from global; */
    /* composes: border-subtle from global; */
    border-bottom: 2px solid rgb(var(--venia-global-color-border));
}

.shimmer-module__root {
}

/* TODO @TW: cannot compose */
.shimmer-module__root::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(
        --venia-global-maxWidth
    ); /* TODO @TW: review. this should use TW theme value "maxWidth.site" */
    height: 100%;
    background-image: linear-gradient(
        to right,
        rgb(var(--venia-global-color-gray-50) / 0%) 0%,
        rgb(var(--venia-global-color-gray-50)) 40%,
        rgb(var(--venia-global-color-gray-50) / 0%) 80%,
        rgb(var(--venia-global-color-gray-50) / 0%) 100%
    );
    /* composes: bg-no-repeat from global; */
    background-repeat: none;
    background-size: var(--venia-global-maxWidth) 100%;
    -webkit-animation-name: shimmer-module__shimmerAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    will-change: transform;
}

.shimmer-module__root_rectangle {

    min-height: 1rem;
}

.shimmer-module__root_button {
}

.shimmer-module__root_checkbox {
}

.shimmer-module__root_radio {
}

.shimmer-module__root_textArea {

    min-height: 6.75rem;
}

.shimmer-module__root_textInput {
}

@-webkit-keyframes shimmer-module__shimmerAnimation {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.filterModalOpenButton-module__filterButton {
}

.filterModalOpenButton-shimmer-module__filterButtonShimmer {
}

.icon-module__root {
    touch-action: manipulation;
}

.icon-module__icon {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

.icon-module__icon_desktop {
}

.productSort-module__root {
}

.productSort-module__menu {
}

.productSort-module__menuItem {
}

.productSort-module__sortButton {
    /* TODO @TW: review (C2). This is fragile to extend. */
}

.productSort-module__desktopText {
}

.productSort-module__sortText {
}

.productSort-module__desktopIconWrapper {

    transform: translateX(10px);
}

.productSort-module__desktopIcon {
}

.productSort-module__mobileText {
}

.productSort-shimmer-module__root {
}

.productSort-shimmer-module__sortButtonShimmer {
}

.sortedByContainer-module__root {
}

.sortedByContainer-module__sortText {
}

.gallery-module__root {
    grid-template-areas:
        'actions'
        'items';
}

.gallery-module__items {
    grid-area: items;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 639px) {
    .gallery-module__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

.image-module__root {
    /*
     * For customization, we provide an empty root.
     * These styles will be applied to the image container.
     */
}

.image-module__container {
}

.image-module__image {
    /*
     * For customization, we provide an empty image class.
     * These styles will be applied directly to the image itself.
     */
}

.image-module__loaded {

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.image-module__notLoaded {

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.image-module__placeholder {
}

.image-module__placeholder_layoutOnly {
}

.item-module__root {
}

.item-module__images {
    grid-template-areas: 'main';
    position: relative;
}

.item-module__imageContainer {
    grid-area: main;
}

.item-module__image {
    transition: opacity 512ms ease-out;
}

.item-module__imageLoaded {
}

.item-module__imageNotLoaded {
}

.item-module__imagePlaceholder {
}

.item-module__actionsContainer {
    grid-template-columns: auto auto;
}

/* TODO @TW: cannot compose */

.item-module__actionsContainer:empty {
    display: none;
}

.item-module__name {
}

.item-module__name,
.item-module__price {
    min-height: 1rem;
}

.item-module__unavailableContainer {
}

.image-module__root {
    /*
     * For customization, we provide an empty root.
     * These styles will be applied to the image container.
     */
}

.image-module__container {
}

.image-module__image {
    /*
     * For customization, we provide an empty image class.
     * These styles will be applied directly to the image itself.
     */
}

.image-module__loaded {

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.image-module__notLoaded {

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.image-module__placeholder {
}

.image-module__placeholder_layoutOnly {
}

/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}

:root{--swiper-theme-color:#007aff}

:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}

.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}

.swiper-vertical>.swiper-wrapper{flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}

.swiper-horizontal{touch-action:pan-y}

.swiper-vertical{touch-action:pan-x}

.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}

.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}

.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}

.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}

.swiper-3d .swiper-wrapper{transform-style:preserve-3d}

.swiper-3d{perspective:1200px}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}

.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}

.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}

.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}

.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}

.swiper-lazy-preloader-black{--swiper-preloader-color:#000}

@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/ajax-loader-iGm.gif) center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/fonts/slick.woff) format('woff'), url(/fonts/slick.ttf) format('truetype'), url(/slick-kr1.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.mask-module__root {
    transition-duration: 192ms;
    transition-property: opacity, visibility;
    transition-timing-function: linear;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.mask-module__root_active {
    transition-duration: 224ms;

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.navigation-module__root {
    grid-template-rows: auto 1fr auto;
    transform: translate3d(-100%, 0, 0);
    transition-duration: 192ms;
    transition-property: opacity, transform, visibility;
    transition-timing-function: var(--venia-global-anim-out);

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.navigation-module__root_open {
    transform: translate3d(0, 0, 0);
    transition-duration: 384ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.navigation-module__header {
    grid-auto-columns: 3.5rem;
    grid-auto-rows: 3.5rem;
    grid-template-columns: 3.5rem 1fr 3.5rem;
}

.navigation-module__body {
    transition-duration: 192ms;
    transition-property: opacity, visibility;
    transition-timing-function: var(--venia-global-anim-out);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.navigation-module__body_masked {
    transition-duration: 384ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.navigation-module__footer {
}

.navigation-module__switchers {
}

.navigation-module__modal {
    transform: translate3d(-100%, 0, 0);
    transition-duration: 192ms;
    transition-property: opacity, transform, visibility;
    transition-timing-function: var(--venia-global-anim-out);

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.navigation-module__modal_open {
    transform: translate3d(0, 0, 0);
    transition-duration: 384ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.navHeader-module__title {
}

.clickable-module__root {
}

.trigger-module__root {
}

.categoryTree-module__root {
}

.categoryTree-module__tree {
}

.categoryTree-module__leaf {
}

.categoryTree-module__branch {
}

.categoryTree-module__inactive {
}

.categoryLeaf-module__root {
}

.categoryLeaf-module__target {
}

.categoryLeaf-module__text {
}

.categoryLeaf-module__root {
}

.categoryLeaf-module__target {
}

.categoryLeaf-module__text {
}

.categoryBranch-module__root {
}

.categoryBranch-module__target {
}

.categoryBranch-module__text {
}

.storeSwitcher-module__root {
}

.storeSwitcher-module__trigger {
}

.storeSwitcher-module__menu {
    transform: translate3d(0, -8px, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.storeSwitcher-module__menu_open {
    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.storeSwitcher-module__menuItem {
}

.storeSwitcher-module__groups {
}

.storeSwitcher-module__groupList {
}

/*
 * Mobile-specific styles.
 */

@media (max-width: 639px) {
    .storeSwitcher-module__root:only-child {
        grid-column: 2;
    }

    /* TODO @TW: cannot compose */
    .storeSwitcher-module__root:last-child .storeSwitcher-module__menu {
        right: 1rem;
        left: auto;
    }

    .storeSwitcher-module__menu {
        transform: translate3d(0, 8px, 0);
    }

    .storeSwitcher-module__menu_open {
        transform: translate3d(0, -4px, 0);
    }
}

.switcherItem-module__root {
}

.switcherItem-module__content {
}

.switcherItem-module__text {
}

.currencySwitcher-module__root {
}

.currencySwitcher-module__trigger {
}

.currencySwitcher-module__menu {
    transform: translate3d(0, 8px, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

@media (min-width: 640px) {
    .currencySwitcher-module__menu {
        transform: translate3d(0, -8px, 0);
    }
}

.currencySwitcher-module__menu_open {
    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.currencySwitcher-module__menuItem {
}

.currencySwitcher-module__symbol {
}

/* TODO @TW: cannot compose */

.currencySwitcher-module__root:last-child:not(:only-child) {
    padding-left: 0;
    grid-auto-flow: column;
}

/* TODO @TW: cannot compose */

.currencySwitcher-module__root:last-child:not(:only-child)::before {
    /* composes: border from global; */
    /* composes: border-solid from global; */
    /* composes: border-subtle from global; */
    border-left: 1px solid rgb(var(--venia-global-color-border));
    content: '';
    height: 1em;
    width: 1rem;
}

@media (max-width: 639px) {
    .currencySwitcher-module__root:only-child {
        grid-column: 2;
    }

    /* TODO @TW: cannot compose */
    .currencySwitcher-module__root:last-child .currencySwitcher-module__menu {
        right: 1rem;
        left: auto;
    }

    .currencySwitcher-module__menu_open {
        transform: translate3d(0, -4px, 0);
    }
}

.linkButton-module__root {
}

.authBar-module__root {
    box-shadow: 0 -1px rgb(var(--venia-global-color-border));
}

.authBar-module__contents {
}

.authBar-module__signIn {
}

/* global tokens */
:root {
    /* animation */
    --venia-global-anim-bounce: cubic-bezier(0.5, 1.8, 0.9, 0.8);
    --venia-global-anim-in: cubic-bezier(0, 0, 0.2, 1);
    --venia-global-anim-out: cubic-bezier(0.4, 0, 1, 1);
    --venia-global-anim-standard: cubic-bezier(0.4, 0, 0.2, 1);

    /* color */
    --venia-global-color-blue-100: 194 200 255;
    --venia-global-color-blue-400: 71 139 255;
    /* --venia-global-color-blue-500: 51 109 255; */
    /* --venia-global-color-blue-600: 41 84 255; */
    --venia-global-color-blue-700: 31 57 255;
    /* --venia-global-color-blue-800: 23 43 196; */
    --venia-global-color-gray-50: 255 255 255;
    /* --venia-global-color-gray-75: 250 250 250; */
    --venia-global-color-gray-100: 244 245 245;
    /* --venia-global-color-gray-200: 234 235 235; */
    --venia-global-color-gray-300: 161 151 145;
    --venia-global-color-gray-400: 181 184 186;
    --venia-global-color-gray-500: 149 154 157;
    --venia-global-color-gray-600: 118 123 127;
    --venia-global-color-gray-700: 84 93 99;
    /* --venia-global-color-gray-800: 51 63 71; */
    --venia-global-color-gray-900: 23 32 38;
    --venia-global-color-gray: var(--venia-global-color-gray-100);
    --venia-global-color-gray-dark: var(--venia-global-color-gray-300);
    --venia-global-color-gray-darker: var(--venia-global-color-gray-600);
    /* --venia-global-color-green-400: 51 171 132; */
    --venia-global-color-green-500: 45 157 120;
    /* --venia-global-color-green-600: 38 142 108; */
    /* --venia-global-color-green-700: 18 128 92; */
    --venia-global-color-orange: 241 99 33;
    --venia-global-color-red-400: 236 91 98;
    /* --venia-global-color-red-500: 227 72 80; */
    /* --venia-global-color-red-600: 215 55 63; */
    --venia-global-color-red-700: 201 37 45;
    /* --venia-global-color-red-800: 161 30 36; */
    --venia-global-color-teal: var(--venia-global-color-blue-400);
    /* --venia-global-color-teal-dark: var(--venia-global-color-blue-600); */
    --venia-global-color-teal-light: var(--venia-global-color-gray-100);

    /* color by semantics */
    /* --venia-global-color-background: var(--venia-global-color-gray-50); */
    --venia-global-color-border: var(--venia-global-color-gray-300);
    --venia-global-color-error: var(--venia-global-color-red-700);
    --venia-global-color-text: var(--venia-global-color-gray-900);
    /* --venia-global-color-text-alt: var(--venia-global-color-gray-darker); */
    --venia-global-color-text-hint: var(--venia-global-color-gray-500);
    /* --venia-global-color-warning-dark: var(--venia-global-color-red-700); */
    /* --venia-global-color-warning-light: var(--venia-global-color-gray-100); */

    /* font family */
    /* --venia-global-fontFamily-sansSerif: 'Muli', sans-serif; */
    /* --venia-global-fontFamily-serif: 'Source Serif Pro', serif; */

    /* font size */
    /* --venia-global-fontSize-50: 0.6875rem; */ /* 11px */
    /* --venia-global-fontSize-75: 0.75rem; */ /* 12px */
    /* --venia-global-fontSize-100: 0.875rem; */ /* 14px */
    /* --venia-global-fontSize-200: 1rem; */ /* 16px */
    /* --venia-global-fontSize-300: 1.125rem; */ /* 18px */
    /* --venia-global-fontSize-400: 1.25rem; */ /* 20px */
    /* --venia-global-fontSize-500: 1.375rem; */ /* 22px */
    /* --venia-global-fontSize-600: 1.5rem; */ /* 24px */
    /* --venia-global-fontSize-700: 1.75rem; */ /* 28px */
    /* --venia-global-fontSize-800: 2rem; */ /* 32px */
    /* --venia-global-fontSize-900: 2.25rem; */ /* 36px */
    /* --venia-global-fontSize-1000: 2.5rem; */ /* 40px */
    /* --venia-global-fontSize-1100: 3rem; */ /* 48px */
    /* --venia-global-fontSize-1200: 3.5rem; */ /* 56px */

    /* font weight */
    /* --venia-global-fontWeight-normal: 400; */
    /* --venia-global-fontWeight-semibold: 600; */
    /* --venia-global-fontWeight-bold: 700; */

    /* line height */
    /* --venia-global-lineHeight-100: 1; */
    /* --venia-global-lineHeight-200: 1.25; */
    /* --venia-global-lineHeight-300: 1.5; */
    /* --venia-global-lineHeight-400: 1.75; */
    /* --venia-global-lineHeight-500: 2; */

    /* dimensions */
    --venia-global-maxWidth: 1440px;
    --venia-global-header-minHeight: 5rem;
}
@media (max-width: 959px) {
    :root {
        --venia-global-header-minHeight: 3.5rem;
    }
}
/* alias tokens */
:root {
    /* colors */
    --venia-brand-color-1-100: var(--venia-global-color-blue-100);
    /* --venia-brand-color-1-400: var(--venia-global-color-blue-400); */
    /* --venia-brand-color-1-500: var(--venia-global-color-blue-500); */
    /* --venia-brand-color-1-600: var(--venia-global-color-blue-600); */
    --venia-brand-color-1-700: var(--venia-global-color-blue-700);
    /* --venia-brand-color-1-800: var(--venia-global-color-blue-800); */

    /* typography - heading */
    /*
    --venia-global-typography-heading-XL-fontSize: var(
        --venia-global-fontSize-600
    );
    --venia-global-typography-heading-L-fontSize: var(
        --venia-global-fontSize-400
    );
    --venia-global-typography-heading-M-fontSize: var(
        --venia-global-fontSize-300
    );
    --venia-global-typography-heading-S-fontSize: var(
        --venia-global-fontSize-200
    );
    --venia-global-typography-heading-XS-fontSize: var(
        --venia-global-fontSize-100
    );
    --venia-global-typography-heading-lineHeight: calc(
        var(--venia-global-lineHeight-200) * 1em
    );
    */

    /* typography - body */
    /* --venia-typography-body-XXXL-fontSize: var(--venia-global-fontSize-600); */
    /* --venia-typography-body-XXL-fontSize: var(--venia-global-fontSize-500); */
    /* --venia-typography-body-XL-fontSize: var(--venia-global-fontSize-400); */
    /* --venia-typography-body-L-fontSize: var(--venia-global-fontSize-300); */
    /* --venia-typography-body-M-fontSize: var(--venia-global-fontSize-200); */
    /* --venia-typography-body-S-fontSize: var(--venia-global-fontSize-100); */
    /* --venia-typography-body-XS-fontSize: var(--venia-global-fontSize-50); */
    /*
    --venia-typography-body-lineHeight: calc(
        var(--venia-global-lineHeight-300) * 1em
    );
    */

    /* typography - detail */
    /*
    --venia-typography-detail-XL-fontSize: var(--venia-global-fontSize-200);
    --venia-typography-detail-L-fontSize: var(--venia-global-fontSize-100);
    --venia-typography-detail-M-fontSize: var(--venia-global-fontSize-75);
    --venia-typography-detail-S-fontSize: var(--venia-global-fontSize-50);
    --venia-typography-detail-lineHeight: calc(
        var(--venia-global-lineHeight-200) * 1em
    );
    */
}
* {
    /* composes: box-border from global; */
    box-sizing: border-box;
}
/* TODO @TW: cannot compose */
html {
    /* composes: text-[100%] from global; */
    font-size: 100%;
    /* composes: text-normal from global; */
    font-weight: 400;
    /* composes: leading-none from global; */
    line-height: 1;
    /* composes: antialiased from global; */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
html[data-scroll-lock='true'],
html[data-scroll-lock='true'] body {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
}
/* TODO @TW: cannot compose */
body,
button,
input,
select,
textarea {
    /* composes: text-gray-900 from global; */
    /* color: rgb(var(--venia-global-color-text)); */
    color: rgb(23 32 38);
}
body {
    /* composes: m-0 from global; */
    margin: 0;
    /* composes: p-0 from global; */
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /* composes: font-base from global; */
    font-size: 1rem;
    /* composes: font-normal from global; */
    font-weight: 400;
    /* composes: m-0 from global; */
    margin: 0;
}
h1 {
    /* composes: text-xl from global; */
    font-size: 1.5rem;
}
h2 {
    /* composes: text-lg from global; */
    font-size: 1.25rem;
}
a {
    /* composes: text-current from global; */
    color: currentColor;
    /* composes: no-underline from global; */
    text-decoration: none;
}
p {
    /* composes: m-0 from global; */
    margin: 0;
}
dl,
ol,
ul {
    /* composes: list-none from global; */
    list-style-type: none;
    /* composes: m-0 from global; */
    margin: 0;
    /* composes: p-0 from global; */
    padding: 0;
}
dd,
dt {
    /* composes: m-0 from global; */
    margin: 0;
}
/* TODO @TW: cannot compose */
button {
    /* composes: bg-transparent from global; */
    background: none;
    /* composes: border-0 from global; */
    border: 0;
    /* composes: cursor-pointer from global; */
    cursor: pointer;
    /* composes: text-[100%] from global; */
    font-size: 100%;
    /* composes: p-0 from global; */
    padding: 0;
    touch-action: manipulation;
    /* composes: select-none from global; */
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    /* composes: appearance-none from global; */
    -webkit-appearance: none;
}
button:disabled {
    /* composes: cursor-default from global; */
    cursor: default;
    touch-action: none;
}
.braintree-sheet__content--form
        .braintree-form__field-group
        .braintree-form__field
        .braintree-form__hosted-field
        input.braintree-form__raw-input {
    color: #8f8f8f !important;
}
.braintree-sheet__content--form
        .braintree-form__field-group
        .braintree-form__descriptor {
    color: #757575 !important;
}