@charset "utf-8";

.ProductSwatchesMobile .swiper-container { margin: 0px -1.5rem 1.188rem 0px; padding-left: 0.1rem; }

.ProductSwatchesMobile__optionAndShade { display: flex; justify-content: space-between; margin-bottom: 2.25rem; }

.ProductSwatchesMobile__optionAndShade .pal-c-Link { font-family: var(--pal-font-family-000); font-size: var(--pal-font-size-12px); font-weight: var(--pal-font-weight-book); letter-spacing: var(--pal-letter-spacing-03px); line-height: var(--pal-line-height-16px); }

.ProductSwatchesMobile__optionAndShade .pal-c-Button { background-position: center bottom; height: unset; }

.ProductSwatchesMobile__optionAndShade .pal-c-Button:focus-visible { outline: -webkit-focus-ring-color auto thin; }

.ProductSwatchesMobile__optionAndShade__button { display: flex; }

.ProductSwatchesMobile__optionAndShade__button:focus { outline: none; }

.ProductSwatchesMobile .Swatch { margin-top: 0.125rem; }

.ProductSwatchesMobile > p.Text-ds { margin-bottom: 0.25rem; max-height: 2rem; overflow: hidden; }

.ProductDimension { align-items: flex-start; display: flex; }

.ProductDimension .Text-ds:first-child { padding-right: 0.25rem; }

.ProductDimension .Swatch { margin: 0.125rem 0.25rem 0.125rem 0px; }

.Swatch { box-sizing: border-box; display: inline-block; margin-right: 0.5rem; vertical-align: middle; }

.Swatch__withHoverAndSelected { display: flex; }

.Swatch__withHoverAndSelected--isHover span.Swatch__image, .Swatch__withHoverAndSelected:hover span.Swatch__image { align-items: center; border: 1px solid var(--pal-colors-default-border-xsubtle); border-radius: 50%; display: flex; height: 100%; justify-content: center; width: 100%; }

.Swatch__withHoverAndSelected--isHover img, .Swatch__withHoverAndSelected:hover img { transform: scale(0.8); }

.Swatch__circle { border: none; width: max-content; }

.Swatch__circle--selected span.Swatch__image { align-items: center; border: 2px solid var(--pal-colors-default-border-default); border-radius: 50%; display: flex; height: 100%; justify-content: center; width: 100%; }

.Swatch__circle--selected img { transform: scale(0.8); }

.Swatch__circle--selected:hover span.Swatch__image { border: 2px solid var(--pal-colors-default-border-default); }

@media (max-width: 1023.98px) {
  .Swatch__circle--selected { transform: scale(1); }
}

.Swatch__circle img { border: 1px solid var(--pal-colors-default-border-xsubtle); border-radius: 50%; display: block; padding: 0px; }

.Swatch__circle--disabled { background-color: rgba(255, 255, 255, 0.7); }

.Swatch__circle--disabled a, .Swatch__circle--disabled button { cursor: not-allowed; }

.Swatch__circle--unavailable { position: relative; }

.Swatch__circle--unavailable .Swatch__image::after { border-left: .0625rem solid var(--pal-colors-default-border-default); bottom: 0px; content: ""; left: 50%; position: absolute; top: 0px; transform: rotate(45deg) scale(1.4); }

.Swatch button { background-color: transparent; border: transparent; cursor: pointer; height: 40px; margin: 0px; padding: 0px; position: relative; width: 40px; }

.Swatch button:focus { outline: none; }

.Swatch button:focus-visible { outline: -webkit-focus-ring-color auto thin; }

.Swatch a { background: none; border: transparent; cursor: pointer; height: 40px; margin: 0px; padding: 0px; position: relative; width: 40px; }

.Swatch a:focus { outline: none; }

.Swatch a:focus-visible { outline: -webkit-focus-ring-color auto thin; }

.Swatch__div { border: 1px solid var(--pal-colors-default-border-subtle); border-radius: 50%; box-sizing: content-box; display: inline-flex; height: 2rem; margin-left: 0.5rem; opacity: 0.5; width: 2rem; }