@charset "utf-8";

.GiftCardBalanceChecker { position: relative; }

.GiftCardBalanceChecker__backgroundImage .Image { background-position: center bottom; max-height: 46.75rem; min-height: 39.75rem; position: relative; }

@media (min-width: 768px) {
  .GiftCardBalanceChecker__backgroundImage { display: flex; justify-content: center; }
  .GiftCardBalanceChecker__backgroundImage .Image { max-height: 37.5rem; min-height: 34.75rem; width: 59rem; }
}

@media (min-width: 1024px) {
  .GiftCardBalanceChecker__backgroundImage { display: flex; justify-content: center; }
  .GiftCardBalanceChecker__backgroundImage .Image { max-height: 38rem; min-height: 35.25rem; width: 59rem; }
}

.GiftCardBalanceChecker .GridContainer__wrapper { left: 0px; margin-top: 0px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }

.GiftCardBalanceChecker .InputField_New__actions { background-color: var(--pal-colors-default-background-default); }

.GiftCardBalanceChecker .InputField_New--error .InputField_New__actions { background-color: var(--pal-colors-default-background-error); }

.GiftCardBalanceChecker.has-message { background-size: cover; }

.GiftCardBalanceChecker__Message > .BlockMessage { padding: 1rem; }

.GiftCardBalanceChecker__content { grid-column: span 6; margin: 3rem auto 9.5rem; width: 17.438rem; }

@media (min-width: 768px) {
  .GiftCardBalanceChecker__content { grid-column: span 12; margin: 3rem auto 4.5rem; width: 22.125rem; }
}

.GiftCardBalanceChecker__checkBalanceTitle { margin-bottom: 0.5rem; }

.GiftCardBalanceChecker__subHeadline { margin-bottom: 2rem; }

.GiftCardBalanceChecker__numberInput, .GiftCardBalanceChecker__requiredText { margin-bottom: 1rem; }

.GiftCardBalanceChecker__checkBalanceAction { margin-bottom: 1.5rem; margin-top: 2rem; }

.GiftCardBalanceChecker__checkAnotherCardAction { margin-bottom: 1.5rem; }

.GiftCardBalanceChecker__cardBalanceTitle { margin-bottom: 4.25rem; }

@media (min-width: 768px) {
  .GiftCardBalanceChecker__cardBalanceTitle { margin-bottom: 3.875rem; }
}

.GiftCardBalanceChecker__currentBalance { margin-bottom: 1.5rem; }

.GiftCardBalanceChecker__timestamp { margin-bottom: 2rem; }

.GiftCardBalanceChecker__giftCardTitle { margin-bottom: 0.5rem; }

.GiftCardBalanceChecker__cardNumber__section { display: flex; justify-content: center; margin-bottom: 4.25rem; }

@media (min-width: 768px) {
  .GiftCardBalanceChecker__cardNumber__section { margin-bottom: 3.75rem; }
}

.GiftCardBalanceChecker__cardNumber { margin-left: 1rem; margin-top: 0.2rem; }

.GiftCardBalanceChecker__messageBlock { margin: 2.5rem 0px; }

@media (min-width: 768px) {
  .GiftCardBalanceChecker__messageBlock { margin: 4.375rem 0px; }
}

.GiftCardBalanceChecker__callSupportActionBtn { margin-bottom: 0.5rem; }

.GiftCardBalanceChecker__MessageList { list-style: none; margin: 0px; padding: 0px; }

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

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

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

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

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