@charset "utf-8";

.ProductVariant .ProductSwatches--info { padding-right: 0.3rem; }

.ProductVariant .SwatchDropDown { padding-bottom: 0.5rem; }

@media (min-width: 1024px) {
  .ProductVariant .SwatchDropDown { padding-bottom: 1rem; }
}

@media (min-width: 1440px) {
  .ProductVariant .SwatchDropDown { padding-bottom: 1.5rem; }
}

.ProductVariant .SwatchDropDown__title { margin-left: 0.5rem; }

.ProductVariant__info--dimension { display: flex; padding-top: 0.3rem; }

@media (min-width: 1024px) {
  .ProductVariant__info--dimension { padding-top: 1.5rem; }
}

.ProductVariant__info .Button-ds, .ProductVariant__info .Link_Huge--compact { margin-left: auto; }

.ProductVariant .ProductDimension + .ProductDimension { margin-top: 1rem; }

.ProductVariant__shadeFinder { margin-left: auto; }

.PillSelector__pills { margin-right: -1rem; padding-top: 0.5rem; }

@media (min-width: 768px) {
  .PillSelector__pills { margin-right: 0px; }
}

.PillSelector__pills button { margin: 0px 0.5rem 0.375rem 0px; }

.PillSelector__pills .swiper-slide { width: auto; }

.PillSelector__pills--inline { padding-left: 0px; }

.PillSelector__pills--inline .list ::marker { font-size: 0px; }

.PillSelector__pills--inline__item { display: inline-block; }

.PillSelector .Pill { max-width: 75vw; }

@media (min-width: 1024px) {
  .PillSelector .Pill { max-width: none; }
}

.Pill { background-color: var(--pal-colors-default-background-default); border: none; border-radius: 2rem; color: var(--pal-colors-default-content-default); cursor: pointer; display: inline-grid; line-height: normal; margin: 0px 0.5rem 0.375rem 0px; padding: 0.5rem 1rem; position: relative; transform: translateZ(0px); }

.Pill.pal-c-Link.pal-c-Link--primary .pal-c-Link__label { background: none; }

.Pill::after { border: 1px solid var(--pal-colors-default-border-default); border-radius: 2rem; inset: 0px; color: var(--pal-colors-default-content-default); content: ""; cursor: pointer; padding: 0.5rem 1rem; position: absolute; }

.Pill:hover { overflow: visible; }

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .Pill:hover { overflow: hidden; transform: none; }
}

.Pill:active { overflow: visible; transform: scale(0.95); }

.Pill:active:focus, .Pill:hover:focus { box-shadow: none; outline: 0px; }

.Pill:hover::after { overflow: visible; }

.Pill--active { background-color: var(--pal-colors-default-background-knockout); border-color: var(--pal-colors-default-border-default); color: var(--pal-color-button-primary-content); }

.Pill--active::after { border: 1px solid var(--pal-colors-default-border-default); }

.Pill--active:hover::after { background-color: var(--pal-colors-default-background-knockout); z-index: -1; }

.Pill--active .Text-ds { color: var(--pal-colors-default-content-knockout); }

.Pill--disabled { border-color: var(--pal-colors-default-border-default-disabled); color: var(--pal-colors-default-content-default-disabled); cursor: default; }

.Pill--disabled::after { border: 1px solid var(--pal-colors-default-border-default-disabled); }

.Pill--disabledActive { background-color: var(--pal-colors-default-background-default-disabled); border-color: var(--pal-colors-default-border-default-disabled); color: var(--pal-colors-default-content-knockout); }

.Pill--disabledActive::after { border: 1px solid var(--pal-colors-default-border-default-disabled); }

.Pill--disabledActive:hover::after { background-color: var(--pal-colors-default-background-default-disabled); z-index: -1; }

.Pill--unavailable { cursor: not-allowed; overflow: visible; }

.Pill--unavailable .Text-ds::before { border-left: 1px solid var(--pal-colors-default-border-default); bottom: 0px; content: ""; left: 50%; position: absolute; top: 0px; transform: rotate(45deg) scale(1.4); }

.Pill--unavailable:hover { overflow: visible; }

.Pill--unavailableActive { cursor: not-allowed; }

.Pill--unavailableActive .Text-ds::before { border-left: 1px solid var(--pal-colors-default-border-knockout); bottom: 0px; content: ""; left: 50%; position: absolute; top: 0px; transform: rotate(45deg) scale(1.4); }

.Pill .Text-ds { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.Pill .pal-c-Icon { display: inline-block; margin-right: var(--pal-l-internal-spacer-01); }

.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; }

.ProductSwatches { max-width: 27.75rem; }

.ProductSwatches--content { display: inline; }

.ProductSwatches--content ul { margin: 0px; padding-left: 0px; }

.ProductSwatches--content ul li { display: inline-block; }

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .ProductSwatches--content ul li .Swatch__image img:hover { transform: none; }
}

.ProductSwatches--content ul li.hidden { display: none; }

.ProductSwatches .pal-c-Button--link { background-position: 0px 100%; border-radius: unset; font-family: var(--pal-font-family-000); font-size: var(--pal-font-size-12px); font-weight: var(--pal-font-weight-book); height: 1.25rem; letter-spacing: var(--pal-letter-spacing-03px); line-height: var(--pal-line-height-16px); margin: 0px 0.8125rem; }

.SwatchDropDown { cursor: pointer; position: relative; }

.SwatchDropDown img { vertical-align: middle; }

.SwatchDropDown__listContainer { left: 0px; max-height: 300px; overflow-y: auto; position: absolute; right: -1px; }

.SwatchDropDown__listContainer--open { background-color: var(--pal-colors-default-background-default); border: .5px solid var(--pal-colors-default-border-xsubtle); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px 0px, rgba(0, 0, 0, 0.03) 0px 2px 1px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px; width: 100%; z-index: 2; }

.SwatchDropDown__title { align-items: flex-start; border-bottom: 1px solid; display: flex; padding: 0px 1.5rem 0.5rem 0px; position: relative; width: 100%; }

.SwatchDropDown__title img { height: 1.25rem; width: 1.25rem; }

.SwatchDropDown__title .Swatch { margin-top: 0.1rem; }

.SwatchDropDown__underline { background-color: var(--pal-colors-default-content-default); border-radius: 0.5px; height: 1px; }

.SwatchDropDown__icon { height: 1rem; position: absolute; right: 6px; top: 15%; transform: translateY(-50%) rotate(-90deg); width: 1rem; }

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

.SwatchDropDown__header:focus { outline: none; }

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

.SwatchDropDown__icon::after, .SwatchDropDown__icon::before { background: var(--pal-colors-default-content-default); content: ""; height: 7%; left: 25%; position: absolute; top: 30%; transform: rotate(-45deg); width: 42%; }

.SwatchDropDown__icon::after { top: 55%; transform: rotate(45deg); }

.SwatchDropDown__nameDescription { display: flex; flex-direction: column; width: 90%; }

.SwatchDropDown__description { line-height: 0.5em; max-height: 2rem; overflow: hidden; }

.SwatchDropDown ul { margin: 0px; padding: 0px; }

.SwatchDropDown ul li { list-style: none; }

.SwatchDropDownItem { border-color: var(--pal-colors-default-border-xsubtle); border-style: solid; border-width: 0px 0px 1px; }

.SwatchDropDownItem:hover, .SwatchDropDownItem__active { background-color: var(--pal-colors-default-background-xsubtle); }

.SwatchDropDownItem:focus { outline: none; }

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

.SwatchDropDownItem .SwatchDropDownItem_input { display: inherit; height: 1px; margin: 0px; opacity: 0; width: 1px; }

.SwatchDropDownItem label { cursor: pointer; display: inline-block; line-height: 1; padding: 1rem; position: unset; width: 100%; }

.SwatchDropDownItem label .Text-ds--body-3 { height: 1rem; vertical-align: middle; }

.SwatchDropDownItem label .Swatch__image img { height: 1.25rem; width: 1.25rem; }

.SwatchDropDownItem .RadioButton_Huge__input { margin: 0px; width: unset; }