@charset "utf-8";

.ProductSummary { margin: 0px auto; max-width: 90rem; }

.ProductSummary__fullWidth { margin: 1rem; }

@media (min-width: 768px) {
  .ProductSummary__fullWidth { margin-left: 1.5rem; margin-right: 1.5rem; }
}

@media (min-width: 1024px) {
  .ProductSummary__fullWidth { margin-left: 2.5rem; margin-right: 2.5rem; }
}

.ProductSummary__title { margin-bottom: 1.5rem; }

.ProductSummary__message { margin-top: 1.5rem; }

.ProductSummary__summary { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }

.SummaryCard:not(:first-child) { padding-top: 1.5rem; }

.SummaryCard--titleIcon { margin-right: 0.438rem; vertical-align: bottom; }

.SummaryCard--listWrapper { display: flex; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; }

.SummaryCard--listWrapper .SummaryCard--listItem { align-items: center; display: flex; line-height: normal; padding-right: 0.5rem; }

@media (max-width: 1023.98px) {
  .SummaryCard--listWrapper .SummaryCard--listItem { flex: 1 1 50%; margin-right: 0px; }
}

@media (min-width: 1024px) {
  .SummaryCard--listWrapper .SummaryCard--listItem { margin-right: 1.5rem; }
}

.SummaryCard--listWrapper .SummaryCard--listItem--halfWidth { flex: 1 1 50%; margin-right: 0px; }

.SummaryCard--listWrapper .SummaryCard--listItem .SummaryCard--listItemIcon { height: 1.5rem; padding-right: 0.5rem; }

.SummaryCard--horizontal, .SummaryCard--vertical { flex-direction: row; }

.ClickableBadge .pal-c-Button--linkArrow svg, .ClickableBadge .pal-c-Link--arrow svg { animation: slide var(--pal-anim-transition-xslow); }

@-webkit-keyframes slide { 
  0% { transform: translateX(5px); }
}

@keyframes slide { 
  50% { transform: translateX(5px); }
}

.ClickableBadge .pal-c-Button--link, .ClickableBadge .pal-c-Link--primary, .ClickableBadge .pal-c-Link--primary .pal-c-Link__label { animation-direction: normal; animation-duration: 0.3s; animation-fill-mode: forwards; animation-name: slideout; animation-timing-function: var(--pal-anim-functions-entrance); }

@keyframes slideout { 
  0% { background-position: 0px 100%, 100% 100%; background-size: 0px 0.063rem, 100% 0.063rem; }
  50% { background-position: 0px 100%, 100% 100%; background-size: 0px 0.063rem, 0px 0.063rem; }
  100% { background-position: 0px 100%, 100% 100%; background-size: 100% 0.063rem, 0px 0.063rem; }
}

.ClickableBadge .pal-c-Button--primary, .ClickableBadge .pal-c-Link--buttonPrimary, .ClickableBadge .pal-c-Link--buttonPrimary .pal-c-Link__label { background-color: var(--pal-color-button-primary-background-hover); border-color: var(--pal-color-button-primary-border-hover); }

.ClickableBadge .pal-c-Button--secondary, .ClickableBadge .pal-c-Link--buttonSecondary, .ClickableBadge .pal-c-Link--buttonSecondary .pal-c-Link__label { background-color: var(--pal-color-button-secondary-background-hover); border-color: var(--pal-color-button-secondary-border-hover); color: var(--pal-color-button-secondary-content-hover); }

.ClickableBadge { align-items: center; display: flex; line-height: normal; margin-top: 1rem; }

.ClickableBadge__Focusable { cursor: pointer; }

.ClickableBadge__Focusable:focus, .ClickableBadge__Focusable:focus-visible { outline-offset: 2px; }

.ClickableBadge__Focusable:hover .ClickableBadge__text span { text-decoration: underline; }

.ClickableBadge__button { align-items: center; background: none; border: 0px; display: flex; gap: 0.25rem; padding: 0px; }

.ClickableBadge__text--long { width: min-content; }

.ClickableBadge__text span { display: inline-block; font-family: var(--pal-font-family-000); font-size: var(--pal-font-size-14px); font-weight: var(--pal-font-weight-book); letter-spacing: var(--pal-letter-spacing-025px); line-height: var(--pal-line-height-16px); width: fit-content; }

.ClickableBadge__text span .pal-c-Link__label, .ClickableBadge__text span.pal-c-Button--linkSecondary .pal-c-Button__text { background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 0px 100%, 100% 100%; background-repeat: no-repeat; background-size: 0px 0.063rem, 100% 0px; }

.ClickableBadge__text span:hover .pal-c-Link__label, .ClickableBadge__text span:hover.pal-c-Button--linkSecondary .pal-c-Button__text { animation: auto ease 0s 1 normal none running none; background-size: 0px 0.063rem, 100% 0.063rem; height: 100%; }

.ClickableBadge__icon { align-items: center; color: var(--pal-colors-default-content-default); display: flex; padding: 0px 0px 0px 0.25rem; }

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

.SummaryItemCard { bottom: 0px; left: 0px; margin: auto; max-width: 29rem; right: 0px; }

.SummaryItemCard, .SummaryItemCard__Content { display: flex; flex-direction: column; height: 100%; }

.SummaryItemCard__Content { align-items: center; overflow-y: auto; position: relative; }

.SummaryItemCard__Content__Title { margin-bottom: 0.25rem; margin-top: 1rem; }

.SummaryItemCard__Content__Description { margin: 1.5rem 0px; }

.SummaryItemCard__Content__message { margin-top: 2rem; }

.SummaryItemCard__Actions { padding-top: 2rem; }

.SummaryItemCard__Actions .pal-c-Link { width: 100%; }

.SummaryItemCard__SecondaryAction { padding-top: 0.5rem; }

.SummaryItemCard__Icon { height: 64px; width: 64px; }