/**/ #snackys-tpl #bc-w { margin: 0; padding: 30px 0 22px; overflow: hidden; border: 0; background: var(--color-white, #fff); color: var(--color-primary-100, #002a9e); font-family: var(--font-family-base, "Roboto Condensed", Arial, sans-serif); font-size: 16px; font-weight: 400; line-height: 1.25; } #snackys-tpl body.to-order-completion-optimized[data-page="33"] #bc-w { display: none !important; } #snackys-tpl .to-bc-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-4, 16px); width: 100%; max-width: var(--to-header-container, 1504px); margin: 0 auto; padding-right: var(--spacing-16, 64px); padding-left: var(--spacing-16, 64px); } #snackys-tpl #bc { display: flex; align-items: center; flex: 1 1 auto; width: auto; min-width: 0; margin: 0; padding: 0; list-style: none; white-space: nowrap; color: inherit; } /**/ #snackys-tpl #plh > .mw-container, #snackys-tpl #content-wrapper { max-width: var(--to-header-container, 1504px); padding-right: var(--spacing-16, 64px); padding-left: var(--spacing-16, 64px); } #snackys-tpl #bc .bc-item { flex: 0 0 auto; margin: 0; padding: 0; } #snackys-tpl #bc a, #snackys-tpl #bc a:visited, #snackys-tpl #bc .bc-item.last > span { display: inline-flex; align-items: center; color: inherit; font: inherit; text-decoration: none; } #snackys-tpl #bc a:hover, #snackys-tpl #bc a:focus-visible { color: var(--color-primary-100, #002a9e); text-decoration: underline; text-underline-offset: 3px; } #snackys-tpl #bc .first { display: flex; align-items: center; } #snackys-tpl #bc .first .img-ct { display: flex; align-items: center; justify-content: center; align-self: center; width: 13px; height: 13px; margin: 0; padding: 0; overflow: visible; } #snackys-tpl #bc .first .img-ct::before { content: none; display: none; padding: 0; } #snackys-tpl #bc .first .img-ct svg { position: static; display: block; width: 13px; height: 13px; fill: none; stroke: var(--color-primary-100, #002293); color: var(--color-primary-100, #002293); } /**/ #snackys-tpl #bc .separator { display: grid; flex: 0 0 36px; place-items: center; width: 36px; margin: 0; padding: 0; color: inherit; font-size: 0; opacity: 1; } #snackys-tpl #bc .separator::before { display: block; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; content: ""; transform: rotate(45deg); } @media (max-width: 1199.98px) { #snackys-tpl .to-bc-bar, #snackys-tpl #plh > .mw-container, #snackys-tpl #content-wrapper { padding-right: var(--spacing-8, 24px); padding-left: var(--spacing-8, 24px); } } @media (max-width: 767.98px) { /**/ #snackys-tpl body[data-page="1"] #bc-w.hidden-xs, #snackys-tpl body[data-page="2"] #bc-w.hidden-xs { display: block; } #snackys-tpl #bc-w { padding: 16px 0 14px; font-size: var(--font-size-xs, 13.3px); } #snackys-tpl .to-bc-bar, #snackys-tpl #plh > .mw-container, #snackys-tpl #content-wrapper { padding-right: 16px; padding-left: 16px; max-width: 100%; box-sizing: border-box; } #snackys-tpl #content-wrapper > .row.row-ct > #content.col-12 { padding-right: 0; padding-left: 0; } #snackys-tpl #result-wrapper #p-l, #snackys-tpl #p-l.row { margin-right: 0 !important; margin-left: 0 !important; max-width: 100%; } #snackys-tpl #plh h1, #snackys-tpl .pl-heading h1 { overflow-wrap: anywhere; word-break: break-word; } #snackys-tpl #bc { overflow-x: auto; } #snackys-tpl #bc .separator { flex-basis: 28px; width: 28px; } #snackys-tpl #bc .separator::before { width: 5px; height: 5px; } #snackys-tpl #bc-w .to-pdp__sku { display: none; } }