@charset "utf-8";

.ProductCard { display: flex; flex-direction: column; height: 100%; justify-content: space-between; position: relative; width: 100%; }

.ProductCard__image { background: var(--pal-colors-default-background-xsubtle); border-radius: 0.5rem; position: relative; text-align: center; }

.ProductCard__image .Image { padding: 4rem 0.5rem; }

.ProductCard__image .Image img { margin: 0px auto; transition: all var(--pal-anim-transition-xxfast); width: 90%; }

.ProductCard__image__full__small .Image { padding: 2.5rem 0px; }

.ProductCard__image__full__xLarge .Image { padding: 6rem 0px; }

.ProductCard__image__regular__small .Image, .ProductCard__image__regular__xLarge .Image { padding: 4rem 0px; }

.ProductCard__image__compact__small .Image { padding: 2.75rem 0px; }

.ProductCard__image__compact__xLarge .Image { padding: 4rem 0px; }

.ProductCard__content { padding: 0.25rem 0.5rem; }

.ProductCard__heading { margin: 0px; }

.ProductCard__badge { left: 7%; position: absolute; top: 5%; }

.ProductCard__badgeContainer { left: 4%; position: absolute; text-align: left; top: 4%; }

.ProductCard__badgeContainer__tag { border-radius: 0.5rem; padding: 0px 0px 4px; }

.ProductCard__variant { bottom: 5%; left: 7%; position: absolute; }

.ProductCard__favorite { position: absolute; right: 5%; top: 5%; z-index: 1; }

@media (min-width: 1024px) {
  .ProductCard__buttonContainer { align-items: center; display: flex; justify-content: space-between; }
}

.ProductCard__addToBag, .ProductCard__options { padding-left: 0.5rem; }

.ProductCard__sponsoredText { align-items: center; display: flex; min-height: 1.5rem; padding-left: 0.5rem; }

.ProductCard__low-inventory-nudge, .ProductCard__productCardTags { padding-bottom: 0.25rem; }

.ProductCard__brand span.Text-ds { -webkit-line-clamp: 1; display: inherit; padding-bottom: 0.25rem; text-overflow: ellipsis; white-space: nowrap; }

.ProductCard__brand, .ProductCard__product { display: block; }

.ProductCard__brand .Text-ds, .ProductCard__product .Text-ds { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.ProductCard__brand { display: flex; justify-content: flex-start; }

.ProductCard__product { padding-bottom: 0.25rem; }

.ProductCard__product .Text-ds { -webkit-line-clamp: 2; }

.ProductCard__rating { padding-bottom: 0.25rem; }

.ProductCard__rating svg { margin-right: 0px; }

.ProductCard__offers { display: inline-grid; padding-bottom: 0.25rem; }

.ProductCard__offers .Text-ds { background-color: var(--pal-colors-default-background-brand-02); margin: 0px 0.5rem 0.25rem 0px; padding: 0px 0.3rem; }

.ProductCard__price { padding-bottom: 0.25rem; }

.ProductCard__price .ProductPricing p { display: inline-block; margin-left: 0.313rem; }

.ProductCard .pal-c-Link { background: var(--pal-colors-default-background-default); display: block; width: 100%; }

.ProductCard .pal-c-Link--tertiary { background: unset; color: unset; }

.ProductCard .pal-c-Link::after { background: unset; }

.ProductCard .pal-c-Link:active, .ProductCard .pal-c-Link:active::after, .ProductCard .pal-c-Link:focus, .ProductCard .pal-c-Link:focus::after, .ProductCard .pal-c-Link:hover, .ProductCard .pal-c-Link:hover::after { animation: auto ease 0s 1 normal none running none; background: unset; }

.ProductCard:hover img { opacity: 0.85; }

.ProductPricing { display: inline-block; }

.ProductPricing .Text-ds { margin-right: 0.5rem; }

.ProductPricing__originalPrice .Text-ds { margin-right: 0px; }

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

.ProductPricing__appOnly { margin-top: 0.313rem; }

.ProductPricing__appOnly--walletIcon { margin-right: 0.5rem; vertical-align: middle; }

.ProductPricing__appOnly--downloadTheApp { margin-left: 0.5rem; }

.ProductPricing__appOnly--downloadTheApp .Text-ds { margin-right: 0px; }

.ProductPricing__PromotionTag { display: flex; gap: 0.25rem; margin-bottom: 0.25rem; }

.AfterPay { --logo-badge-width: 3.75rem; --messaging-margin-block-end: .5rem; --messaging-margin-block-start: .5rem; }

.ProductOffersCard { align-items: center; border-bottom: .0625rem solid var(--pal-colors-default-border-xsubtle); border-top: .0625rem solid var(--pal-colors-default-border-xsubtle); display: flex; height: 3.625rem; justify-content: space-between; }

.ProductOffersCard_link { align-items: center; display: flex; justify-content: right; padding: 1.3rem 0px; text-align: left; text-transform: none; width: 100%; }

.ProductOffersCard .pal-c-Button--tertiary:focus, .ProductOffersCard .pal-c-Button--tertiary:hover { background-color: unset; border-color: transparent; color: unset; transition: none; }

.ProductOffersCard_hasLabel { justify-content: space-between; }

.ProductOffersCard_label { background-color: var(--pal-colors-default-background-brand-02); -webkit-box-decoration-break: clone; box-decoration-break: clone; margin-right: 0.25rem; padding: 0.125rem 0.25rem; word-break: break-word; }

.ProductOffersCard__inline { align-items: center; display: flex; }

.ProductOffersCard__inline--label { align-items: center; background-color: var(--pal-colors-default-background-brand-02); -webkit-box-decoration-break: clone; box-decoration-break: clone; display: inline-flex; flex-wrap: nowrap; margin-right: 0.25rem; padding: 0.125rem 0.25rem; }

.ProductOffersCard__inline--icon { bottom: -0.1875rem; display: inline; margin-left: 0.25rem; position: relative; }

.ProductOffersDetail__content { height: 100%; }

.ProductOffersDetail__content .FindInStoreProduct { margin: 0px; }

.ProductOffersDetail__offers { padding-bottom: 2rem; }

.ProductOffersDetail__title { margin: 3rem 0px 1.5rem; }

@media (min-width: 1024px) {
  .ProductOffersDetail__title { margin: 1.5rem 0px; }
}

.ProductOffersDetail__markup .Text-ds--body-1 { margin-bottom: 0.5rem; }

.ProductOffersDetail__markup .Markdown--body-2 { color: var(--pal-colors-default-content-subtle); padding-bottom: 0.75rem; }

.ProductOffersDetail__markup .Markdown p { margin-bottom: 1.25rem; }

.ProductOffersDetail__markup .pal-c-Button { margin-bottom: 1.5rem; margin-left: 0px; }

.ProductOffersDetail .List--Spacer02.List--Separator.List--DisplayBlock .List__Item { margin-bottom: 2rem; padding-bottom: 2rem; }

.ProductOffersDetail .pal-c-Link--withHover:hover { text-decoration: none; }

.List { margin: 0px; padding: 0px; }

.List--Spacer00 .List__Item { margin-right: var(--pal-l-internal-spacer-none); }

.List--Spacer00.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-none); }

.List--Spacer01 .List__Item { margin-right: var(--pal-l-internal-spacer-01); }

.List--Spacer01.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-01); }

.List--Spacer02 .List__Item { margin-right: var(--pal-l-internal-spacer-02); }

.List--Spacer02.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-02); }

.List--Spacer03 .List__Item { margin-right: var(--pal-l-internal-spacer-03); }

.List--Spacer03.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-03); }

.List--Spacer04 .List__Item { margin-right: var(--pal-l-internal-spacer-04); }

.List--Spacer04.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-04); }

.List--Spacer .List__Item:last-child, .List--Spacer.List--DisplayBlock .List__Item { margin-right: 0px; }

.List--Spacer.List--DisplayBlock .List__Item:last-child { margin-bottom: 0px; }

.List--SeparatorDefault .List__Item { border-right: 1px solid var(--pal-colors-default-border-default); }

.List--SeparatorMuted .List__Item { border-right: 1px solid var(--pal-colors-default-border-xsubtle); }

.List--Separator .List__Item { margin-right: 1rem; padding-right: 1rem; }

.List--Separator .List__Item:last-child { border-right: 0px; margin-right: 0px; padding-right: 0px; }

.List--Spacer.List--Separator .List__Item:last-child { margin-right: 0px; padding-right: 0px; }

.List--Spacer00.List--Separator .List__Item { margin-right: var(--pal-l-internal-spacer-none); padding-right: var(--pal-l-internal-spacer-none); }

.List--Spacer00.List--Separator.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-none); padding-bottom: var(--pal-l-internal-spacer-none); }

.List--Spacer01.List--Separator .List__Item { margin-right: var(--pal-l-internal-spacer-01); padding-right: var(--pal-l-internal-spacer-01); }

.List--Spacer01.List--Separator.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-01); padding-bottom: var(--pal-l-internal-spacer-01); }

.List--Spacer02.List--Separator .List__Item { margin-right: var(--pal-l-internal-spacer-02); padding-right: var(--pal-l-internal-spacer-02); }

.List--Spacer02.List--Separator.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-02); padding-bottom: var(--pal-l-internal-spacer-02); }

.List--Spacer03.List--Separator .List__Item { margin-right: var(--pal-l-internal-spacer-03); padding-right: var(--pal-l-internal-spacer-03); }

.List--Spacer03.List--Separator.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-03); padding-bottom: var(--pal-l-internal-spacer-03); }

.List--Spacer04.List--Separator .List__Item { margin-right: var(--pal-l-internal-spacer-04); padding-right: var(--pal-l-internal-spacer-04); }

.List--Spacer04.List--Separator.List--DisplayBlock .List__Item { margin-bottom: var(--pal-l-internal-spacer-04); padding-bottom: var(--pal-l-internal-spacer-04); }

.List--Separator.List--DisplayBlock .List__Item { border-right: 0px; margin-right: 0px; padding-right: 0px; }

.List--Separator.List--DisplayBlock .List__Item:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }

.List--SeparatorDefault.List--DisplayBlock .List__Item { border-bottom: 1px solid var(--pal-colors-default-border-default); }

.List--SeparatorMuted.List--DisplayBlock .List__Item { border-bottom: 1px solid var(--pal-colors-default-border-xsubtle); }

.List--Spacer.List--Separator.List--DisplayBlock .List__Item:last-child { margin-bottom: 0px; padding-bottom: 0px; }

.List--Display, .List--Display .List__Item { display: flex; }

.List--DisplayBlock, .List--DisplayBlock .List__Item { flex-direction: column; }

.List--DisplayFlex .List__Item { flex: 1 1 0%; flex-direction: column; }

.List--DisplayInline { display: inline-flex; }

.FindInStoreProduct { display: flex; margin: 1rem; }

.FindInStoreProduct__LeftColumn { align-items: center; background-color: var(--pal-colors-default-background-xsubtle); display: flex; height: 5.5rem; justify-content: center; margin-right: 1rem; padding: 0.7rem 1.3rem 0.5rem; width: 5.5rem; }

.FindInStoreProduct__RightColumn { width: 13.5rem; }

.FindInStoreProduct .Text-ds:first-child { margin-bottom: 0.4rem; }

.FindInStoreProduct .ProductDimension { margin-top: 1rem; }

.FindInStoreProduct .ProductDimension .Text-ds:first-child { color: var(--pal-colors-default-content-subtle); }

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

.RemoveItem { display: flex; }

.RemoveItem__contentBlock .confirmMessage { margin-top: 1rem; }

.RemoveItem__blockErrorMessage { margin-bottom: 1.5rem; }

.RemoveItem__actions { margin-top: 2.5rem; }

.RemoveItem__actions button { margin-right: 2rem; }

.RemoveItem__actions .pal-c-Button--link { display: inline; height: fit-content; }

.BlockMessage { display: flex; padding: 1.5rem 3rem 1.5rem 1.5rem; position: relative; }

.BlockMessage__close { cursor: pointer; display: flex; padding: 1rem; position: absolute; right: 0px; top: 0.75rem; }

.BlockMessage__close, .BlockMessage__close:active, .BlockMessage__close:focus, .BlockMessage__close:hover { background-color: transparent; border: none; color: var(--pal-colors-default-content-default); }

.BlockMessage__close:active, .BlockMessage__close:focus, .BlockMessage__close:hover { padding: 1rem; }

.BlockMessage--magenta-100 { background-color: var(--pal-colors-default-background-brand-02); }

.BlockMessage--error-100 { background-color: var(--pal-colors-default-background-error); }

.BlockMessage--alert-100 { background-color: var(--pal-colors-default-background-warning); }

.BlockMessage--validate-100 { background-color: var(--pal-colors-default-background-validation); }

.BlockMessage--notify-100 { background-color: var(--pal-colors-default-background-notification); }

.BlockMessage--error-600 { border-left: .188rem solid var(--pal-colors-default-border-error); }

.BlockMessage--alert-600 { border-left: .188rem solid var(--pal-colors-default-border-warning); }

.BlockMessage--validate-600 { border-left: .188rem solid var(--pal-colors-default-border-validation); }

.BlockMessage--notify-400 { border-left: .188rem solid var(--pal-colors-default-border-notification); }

.BlockMessage__icon { height: 1rem; width: 1rem; }

.BlockMessage__icon--error-600 { fill: var(--pal-colors-default-content-error); }

.BlockMessage__icon--alert-600 { fill: var(--pal-colors-default-content-warning); }

.BlockMessage__icon--validate-600 { fill: var(--pal-colors-default-content-validation); }

.BlockMessage__icon--notify-400 { fill: var(--pal-colors-default-content-notification); }

.BlockMessage__message { margin-left: 1rem; }

.BlockMessage__message p { margin: 0px; }

.BlockMessage__message .pal-c-Button { margin-top: 0.5rem; }

.BlockMessage__description { display: flex; flex-direction: column; height: 2.5rem; margin-top: 0.625rem; }

.BlockMessage__description--list { font-family: var(--pal-font-family-000); font-size: var(--pal-font-size-14px); font-weight: var(--pal-font-weight-book); height: 1.25rem; letter-spacing: var(--pal-letter-spacing-025px); line-height: var(--pal-line-height-16px); margin: 0px; padding-left: 1.5rem; }

.BlockMessage__description--listContent { padding-left: 0.75rem; }

.BlockMessage__actionGroup { margin-top: 0.5rem; }

.BlockMessage__messageAction { margin-top: 1rem; }

.BlockMessage .Link__wrapper { margin-left: 0.5rem; margin-top: 1rem; text-align: left; }

.BlockMessage__ItemThumbnailSpace { margin-right: 0.25rem; }

.BlockMessage__ItemThumbnailList { display: flex; margin-top: 1rem; }

.ActionGroup { align-items: flex-start; display: flex; flex-direction: column; }

.ActionGroup div:nth-child(2) { margin: 1.5rem 0px 0px; }

.ActionGroup a.pal-c-Link--disabled, .ActionGroup a.pal-c-Link--disabled:hover { color: var(--pal-colors-default-content-xsubtle); }

@media (min-width: 1024px) {
  .ActionGroup { align-items: center; flex-direction: row; }
  .ActionGroup div:nth-child(2), .ActionGroup__onlyLink div:nth-child(2) { margin: 0px 0px 0px 2rem; }
}

.ActionGroup__oneButton div:nth-child(2) { margin: 1.5rem 0px 0px; }

@media (min-width: 1024px) {
  .ActionGroup__oneButton div:nth-child(2) { margin: 0px 0px 0px 2rem; }
}

.ActionGroup__bothButton { display: flex; flex-direction: column; width: 100%; }

.ActionGroup__bothButton div:nth-child(2) { margin: 0.5rem 0px 0px; }

@media (min-width: 1024px) {
  .ActionGroup__bothButton { width: unset; }
  .ActionGroup__bothButton div:nth-child(2) { margin: 0px 0px 0px 1.5rem; }
}

.ActionGroup__arrowLink .Link__wrapper, .ActionGroup__arrowLink--disabled .Link__wrapper { display: unset; margin: 0px; text-align: start; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link { background-image: none; color: var(--pal-colors-default-background-subtle); cursor: not-allowed; transition: none; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link svg { fill: var(--pal-colors-default-background-subtle); transition: unset; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link:hover { animation: auto ease 0s 1 normal none running none; transform: unset; }

.ActionGroup__arrowLink--disabled .Link__content .pal-c-Link:hover .pal-c-Link__icon-after { animation: unset; }

@-webkit-keyframes slide-right { 
  0% { transform: unset; }
}

@keyframes slide-right { 
  50% { transform: unset; }
}

.ActionGroup__isCentered { display: block; text-align: center; }

.ActionGroup__isCentered .ActionGroup__bothButton, .ActionGroup__isCentered .ActionGroup__oneButton, .ActionGroup__isCentered .ActionGroup__onlyLink { align-items: center; }

.ActionGroup__isCentered .ActionGroup__arrowLink .Link__wrapper, .ActionGroup__isCentered .ActionGroup__arrowLink--disabled .Link__wrapper { display: inline-block; }

.ActionGroup__isCentered .ActionGroup__oneButton div:nth-child(2), .ActionGroup__isCentered div:nth-child(2) { margin: 1rem 0px 0px; }

.ActionGroup .isOfferActivated { color: var(--pal-colors-default-content-default); font-size: var(--pal-font-size-14px); }

.BagItemThumbNail { display: flex; height: 100%; justify-content: center; padding: 0.5rem; position: relative; width: 100%; }

.BagItemThumbNail--sm { height: 4rem; width: 4rem; }

.BagItemThumbNail--md { height: 4.25rem; width: 4.25rem; }

.BagItemThumbNail--lg { height: 4.5rem; width: 4.5rem; }

.BagItemThumbNail__Badge { bottom: -0.188rem; position: absolute; right: -0.188rem; }

.BagItemThumbNail__Link { align-self: center; height: auto; }

.BagItemThumbNail--ShowBackground { background-color: var(--pal-colors-default-background-xsubtle); }

.BagItemThumbNail__ItemCount { align-self: center; }

.BagItemThumbNail__subsBadge { bottom: -0.188rem; position: absolute; right: -0.188rem; }

.BagItemThumbNail__subsBadge--withQty { right: 0.95rem; }

.BagItemThumbNail .UltaAsset { align-self: center; }

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

.VideoPlayer__play { background: var(--pal-color-button-secondary-background); border: none; border-radius: 5rem; cursor: pointer; height: 2rem; left: 50%; padding: 0px; width: 2rem; z-index: 3; }

.VideoPlayer__play, .VideoPlayer__play svg { font-size: 6.25rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }

.VideoPlayer__play svg { left: 54%; }

@media (min-width: 1024px) {
  .react-player__preview { height: 28.81rem !important; object-fit: fill; }
}

.InlineVideo { position: relative; }

.InlineVideo--paused svg { margin-left: 0.275rem; }

.InlineVideo video { vertical-align: bottom; }

.InlineVideo__controlButton { cursor: pointer; left: 1rem; position: absolute; z-index: 3; }

.InlineVideo__controlButton, .InlineVideo__controlButton:active, .InlineVideo__controlButton:focus, .InlineVideo__controlButton:hover { background-color: var(--pal-color-button-secondary-background); border-color: var(--pal-color-button-secondary-border); bottom: 1rem; color: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton:active svg, .InlineVideo__controlButton:focus svg, .InlineVideo__controlButton:hover svg { fill: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton svg { vertical-align: middle; }

.StatusBadges { height: 1.5rem; width: 1.5rem; }

.StatusBadges__Container--notification { align-items: center; background-color: var(--pal-colors-default-background-notification-strong); border: 1px solid var(--pal-colors-default-background-notification-strong); border-radius: 100%; display: flex; height: 100%; justify-content: center; width: 100%; }

.StatusBadges__Container--icon, .StatusBadges__Container--quantity { align-items: center; background-color: var(--pal-colors-default-background-default); border: 1px solid var(--pal-colors-default-background-subtle); border-radius: 100%; display: flex; height: 100%; justify-content: center; width: 100%; }

.ReviewStarsCard { align-items: center; color: var(--pal-colors-default-content-default); display: flex; }

.ReviewStarsCard .Text-ds:not(:first-child) { padding-left: 0.275rem; }

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