@charset "utf-8";

.shop-account-menu .loading-dot:nth-child(2) { animation-delay: 0.1s; }

.shop-account-menu .loading-dot:nth-child(3) { animation-delay: 0.2s; }

.shop-account-menu .loading-dot:nth-child(4) { animation-delay: 0.3s; }

.shop-account-menu .flyout-loading-indicator { display: flex; align-items: center; justify-content: center; min-height: 200px; font-size: 30px; }

.shop-account-menu .utility-flyout { position: absolute; width: 1032px; min-height: 200px; z-index: 100; border: 1px solid rgb(197, 203, 213); }

@media screen and (max-width: 992px) {
  .shop-account-menu .utility-flyout { max-width: 992px; }
}

.shop-account-menu .flyout-arrow-up::before { border-style: solid; border-image: initial; border-color: transparent transparent rgb(197, 203, 213); border-width: 10px; }

.shop-account-menu .flyout-arrow-up::after, .shop-account-menu .flyout-arrow-up::before { content: " "; top: -20px; right: 30px; height: 0px; width: 0px; position: absolute; pointer-events: none; bottom: 0px; }

.shop-account-menu .flyout-arrow-up::after { border-style: solid; border-image: initial; border-color: transparent transparent rgb(255, 255, 255); border-width: 10px; }

.shop-account-menu .bottom-nav-menu-item { display: flex; align-items: center; }

.shop-account-menu .bottom-nav-menu-item .plAccount-Button > span, .shop-account-menu .bottom-nav-menu-item .plButton > span, .shop-account-menu .bottom-nav-menu-item > a { color: rgb(255, 255, 255); font-weight: 500; }

.shop-account-menu .flyout-link-wrapper { display: flex; align-items: center; font-weight: 500; color: rgb(255, 255, 255); }

@media (max-width: 1121px) {
  .shop-account-menu .flyout-link-wrapper { max-width: 125px; }
}

@media (min-width: 1122px) {
  .shop-account-menu .flyout-link-wrapper { max-width: 200px; }
}

.shop-account-menu .flyout-link-wrapper > span { padding-left: 0.4rem; }

@media (max-width: 1121px) {
  .shop-account-menu .account-button { max-width: 125px; }
}

@media (min-width: 1122px) {
  .shop-account-menu .account-button { max-width: 200px; }
}

.shop-account-menu .leading-icon { padding-right: 0.5rem; }

.shop-account-menu .flyout-account-menu { top: 44px; background: rgb(255, 255, 255); height: calc(98vh); width: auto !important; }

.shop-account-menu .flyout-account-menu.flyout-arrow-up::after, .shop-account-menu .flyout-account-menu.flyout-arrow-up::before { left: auto; right: var(--pseudo-flyout-right); }

.shop-account-menu .flyout-account-menu .scroll-container { min-width: 373px; height: calc(-120px + 100vh); overflow: hidden scroll; }

.shop-account-menu .flyout-account-menu .scroll-container .flyout-loading-indicator { min-height: calc(64vh); }

@media (min-width: 768px) and (max-width: 1024px) and (max-height: 951px) and (orientation: landscape) {
  .shop-account-menu .flyout-account-menu .scroll-container { min-width: 373px; height: 83vh; overflow: hidden scroll; }
  .shop-account-menu .flyout-account-menu .scroll-container .flyout-loading-indicator { min-height: calc(64vh); }
}

@media screen and (min-height: 950px) {
  .shop-account-menu .flyout-account-menu.guest-user, .shop-account-menu .flyout-account-menu.signed-in-user { min-height: 500px; }
  .shop-account-menu .flyout-account-menu .scroll-container .flyout-loading-indicator { min-height: 700px; }
}

.shop-account-menu .menuCloseContainer { display: flex; justify-content: flex-end; padding: 10px; position: absolute; z-index: 1; right: 0px; top: 0px; }

.shop-account-menu .accountMenuCloseButton { display: flex; }

.shop-account-menu .accountMenuCloseText { padding-top: 4px; }

.shop-account-menu .accountMenuCloseContainer { position: relative; justify-content: flex-start; background: rgb(255, 255, 255); padding: 15px 15px 20px 10px; font-size: 15px; line-height: 1; margin-right: 18px; }

.shop-account-menu .sh-spinner-height { height: 230px; }

.shop-account-menu .sh-loading-state { width: 100%; text-align: center; }

.shop-account-menu .sh-loading-state i.spinner { }

.shop-account-menu .sh-loading-state .spinner { top: 35%; left: 45%; }

.shop-account-menu .no-orders-container .spinner { left: 65%; }

.shop-account-menu .sign-in-toast { top: 44px; padding: 20px; }

.shop-account-menu .sign-in-toast .signin_toastText { cursor: default; }

.shop-account-menu .sign-in-toast::before { content: " "; top: -20px; right: 245px; height: 0px; width: 0px; position: absolute; pointer-events: none; border-style: solid; border-image: initial; border-color: transparent transparent rgb(255, 255, 255); border-width: 10px; bottom: 0px; }

.shop-account-menu .notification-toast { position: absolute; background: rgb(255, 255, 255); border: 1px solid rgb(197, 203, 213); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px; border-radius: 4px; margin: 0px; z-index: 1000; }

.shop-account-menu .notification-toast .notifi_closeBtn { position: absolute; right: 10px; top: 10px; background: none; border: none; padding: 0px; }

.shop-account-menu .notification-toast .notifi_toastBtn { background: none; border: none; padding: 20px; width: 100%; }

.shop-account-menu .bottom > .arrow { left: calc(50% - 110px); }

.shop-account-menu .c-overlay.bottom { margin-top: 10px; }

.shop-account-menu .account-menu .account-header .small-business-user-tts { margin: 18px 16px 21px; }

.shop-customer-data-notification:not(:empty) .shop-account-menu .account-menu .account-header .small-business-user-tts { margin: 16px 16px 17px; }

.shop-account-menu .account-menu .account-header .small-business-user-tts, .shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement { position: relative; }

.shop-account-menu .account-menu .account-header .small-business-user-tts .smb-svg-holder, .shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement .smb-svg-holder { width: 50%; text-align: left; }

.shop-account-menu .account-menu .account-header .small-business-user-tts .account-menu-smb-svg, .shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement .account-menu-smb-svg { width: 73px; }

.shop-account-menu .account-menu .account-header .small-business-user-tts .horizontal-first, .shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement .horizontal-first { position: relative; width: 372px; border-bottom: 12px solid rgb(240, 242, 244); left: -15px; top: 42px; border-top: 0px; }

.shop-account-menu .account-menu .account-header .small-business-user-tts .view-business-link, .shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement .view-business-link { text-align: left; margin: 8px auto; font-size: 15px; }

.shop-account-menu .account-menu .account-header .smb-tts { height: 54px; }

.shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement { padding: 20px 16px; text-align: left; height: auto; background: rgb(255, 255, 255); }

.shop-account-menu .account-menu .account-header .small-business-user-tts-with-placement .account-menu-smb-svg { position: relative; }

.shop-account-menu .account-menu .signed-in-user .js-account-body { position: absolute; right: 0px; }

.shop-account-menu .account-menu .signed-in-user .js-account-body #logout-button { height: 16px; background: none; padding: 0px; color: rgb(0, 70, 190); border: none; font-size: 13px; line-height: 15px; align-self: flex-end; margin-top: 8px; float: right; }

.shop-account-menu .account-menu .signed-in-user form[name="logoutForm"] { color: rgb(4, 87, 200); font-size: 15px; }

.shop-account-menu .account-menu .signed-in-user .js-account-body-legacyTts { position: relative; left: 98px; }

.shop-account-menu .account-menu .signed-in-user .js-account-body-tts { top: 0px; }

.shop-account-menu .account-menu .signed-in-user .js-account-body-bby { width: 30%; text-align: right; }

.shop-account-menu .account-menu .signed-in-user .js-account-body-smb { position: absolute; right: 0px; top: -2px; }

.shop-account-menu .account-menu .account-header .tts-member { margin: 16px; }

.shop-account-menu .account-menu .account-header .tts-member .brand-logo-membership, .shop-account-menu .account-menu .account-header .tts-member-with-placement .brand-logo-membership { width: 178px; height: 22px; }

.shop-account-menu .account-menu .account-header .tts-member .brand-logo, .shop-account-menu .account-menu .account-header .tts-member-with-placement .brand-logo { width: 144px; }

.shop-account-menu .account-menu .account-header .tts-member .member-since, .shop-account-menu .account-menu .account-header .tts-member-with-placement .member-since { width: 50%; }

.shop-account-menu .account-menu .account-header .tts-member .sub-description, .shop-account-menu .account-menu .account-header .tts-member-with-placement .sub-description { color: rgb(112, 117, 125); font-size: 14px; }

.shop-account-menu .account-menu .account-header .tts-member .savings-text, .shop-account-menu .account-menu .account-header .tts-member-with-placement .savings-text { width: 50%; }

.shop-account-menu .account-menu .account-header .tts-member .without-membersince, .shop-account-menu .account-menu .account-header .tts-member-with-placement .without-membersince { margin-top: 8px; }

.shop-account-menu .account-menu .account-header .tts-member .savings-value, .shop-account-menu .account-menu .account-header .tts-member-with-placement .savings-value { color: rgb(49, 128, 0); font-weight: 500; font-size: 14px; margin-top: 8px; margin-bottom: 0px; }

.shop-account-menu .account-menu .account-header .tts-member .view-benefits, .shop-account-menu .account-menu .account-header .tts-member-with-placement .view-benefits { margin-top: 8px; font-size: 15px; line-height: 16px; width: fit-content; }

.shop-account-menu .account-menu .account-header .tts-member .view-benefits:hover, .shop-account-menu .account-menu .account-header .tts-member-with-placement .view-benefits:hover { color: rgb(4, 87, 200); }

.shop-account-menu .account-menu .account-header .tts-member-with-placement { padding: 20px 16px; background: rgb(255, 255, 255); }

.shop-account-menu .account-menu .account-header .tts-member-with-placement .member-since { width: 57%; }

.shop-account-menu .account-menu .account-header .tts-member-with-placement .savings-text { width: 43%; margin-top: 23px; }

.shop-account-menu .account-menu .account-header .tts-member-with-placement .without-membersince { margin-top: 8px; }

.shop-account-menu .account-menu .account-header .tts-member-with-placement .savings-value { margin-bottom: 0px; }

.shop-account-menu .account-menu .account-header .tts-member-with-placement .brand-logo { width: 135px; }

.shop-account-menu .account-menu .account-header .tts-term-member { margin: 16px; }

.shop-account-menu .account-menu .account-header .tts-term-member .brand-logo-membership, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .brand-logo-membership { width: 178px; height: 22px; }

.shop-account-menu .account-menu .account-header .tts-term-member .brand-logo, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .brand-logo { width: 144px; }

.shop-account-menu .account-menu .account-header .tts-term-member .description, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .description { display: flex; justify-content: flex-start; }

.shop-account-menu .account-menu .account-header .tts-term-member .sub-description, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .sub-description { color: rgb(112, 117, 125); font-size: 14px; }

.shop-account-menu .account-menu .account-header .tts-term-member .savings-value, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .savings-value { color: rgb(49, 128, 0); font-weight: 500; font-size: 14px; }

.shop-account-menu .account-menu .account-header .tts-term-member .view-benefits, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .view-benefits { font-size: 15px; }

.shop-account-menu .account-menu .account-header .tts-term-member .view-benefits:hover, .shop-account-menu .account-menu .account-header .tts-term-member-with-placement .view-benefits:hover { color: rgb(4, 87, 200); }

.shop-account-menu .account-menu .account-header .tts-term-member-with-placement { padding: 20px 16px; background: rgb(255, 255, 255); }

.shop-account-menu .account-menu .account-header .tts-term-member-with-placement .savings-value { margin-bottom: 0px; }

.shop-account-menu .account-menu .account-header .tts-term-member-with-placement .brand-logo { width: 135px; }

.shop-account-menu .account-menu .account-header .bby-member, .shop-account-menu .account-menu .account-header .bby-member-margin { margin: 16px 16px 20px; }

.shop-account-menu .account-menu .account-header .bby-member-container { width: 70%; }

.shop-account-menu .account-menu .account-header .bby-member-container .bby-member-logo { height: 25px; width: 131px; }

.shop-account-menu .account-menu .account-header .bby-member-container .bby-member-view-benefits { font-size: 15px; line-height: 16px; margin-top: 8px; font-weight: 400; margin-bottom: 0px; width: fit-content; }

.shop-account-menu .account-menu .account-header .bby-member-container .bby-member-view-benefits:hover { color: rgb(4, 87, 200); }

.shop-account-menu .account-menu .account-header .bby-member-with-placement { padding: 20px 16px; background: rgb(255, 255, 255); }

.shop-account-menu .account-menu .account-header .bby-member-with-placement .bby-member-container .bby-member-logo { width: 136px; }

.shop-account-menu .account-menu .account-header .bby-member-with-placement .bby-member-container .bby-member-view-benefits { margin-bottom: 0px; }

.shop-account-menu .account-menu .account-header .bby-member-with-placement .bby-member-container .bby-member-view-benefits:hover { color: rgb(4, 87, 200); }

.shop-account-menu .account-menu .account-header .legacy-tts-member { margin: 16px 16px 20px; }

.shop-account-menu .account-menu .account-header .legacy-tts-member .brand-logo, .shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement .brand-logo { width: 183px; }

.shop-account-menu .account-menu .account-header .legacy-tts-member .sub-description, .shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement .sub-description { color: rgb(112, 117, 125); font-size: 14px; }

.shop-account-menu .account-menu .account-header .legacy-tts-member .view-benefits, .shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement .view-benefits { margin-top: 8px; font-size: 15px; line-height: 16px; width: fit-content; }

.shop-account-menu .account-menu .account-header .legacy-tts-member .view-benefits:hover, .shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement .view-benefits:hover { color: rgb(4, 87, 200); }

.shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement { padding: 20px 16px; background: rgb(255, 255, 255); }

.shop-account-menu .account-menu .account-header .legacy-tts-member-with-placement .brand-logo { margin-bottom: 0px; }

.shop-account-menu .account-menu .account-header.signed-in-user.placement { width: 100%; margin: 12px 0px !important; }

.shop-account-menu .account-menu .account-header .horizontal-line { margin: 0px 16px; }

.shop-account-menu .account-menu .membership-onboarding-wrapper:not(:empty) { text-align: left; padding: 0px 16px 16px; background: rgb(255, 255, 255); }

.sugg-term-suggestions-container { display: flex; flex-direction: column; padding-bottom: 2rem; padding-right: 1rem; }

.sugg-term-suggestions-container .sugg-term-container { height: 49px; align-content: center; }

.sugg-term-suggestions-container .sugg-term-container .sugg-term-text { align-items: center; display: flex; gap: 10px; padding-left: 1rem; justify-content: space-between; font-size: var(--font-size-2,12px); }

.sugg-term-suggestions-container .sugg-term-container .sugg-term-history { gap: 1rem; display: flex; flex-direction: row; }

.sugg-term-suggestions-container .sugg-term-container .sugg-add-term-icon-container { align-content: center; height: 100%; }

.sugg-term-suggestions-container .sugg-term-container .sugg-add-term-icon-container .sugg-add-icon-button { background-color: transparent; align-items: center; width: 28px; height: 28px; border-width: 2px; justify-content: center; }

.sugg-term-suggestions-container .sugg-category-container { height: 40px; align-content: center; }

.sugg-term-suggestions-container .sugg-category-container .sugg-category-text { color: rgb(112, 117, 125); display: flex; gap: 10px; padding-left: 4rem; }

.sugg-active-suggestion { background-color: rgb(240, 242, 244); text-decoration: none; border-radius: 8px; margin-right: -8px; }

.sugg-active-suggestion .sugg-add-term-icon-container { padding-right: 8px; }

.sugg-sv-term-suggestions { width: 100%; }

.sugg-lv-term-suggestions { padding-top: 1rem; width: 50%; }

.sugg-active-add-icon-button { border: 2px solid rgb(49, 145, 252); border-radius: 6px; }

.sugg-non-active-add-icon-button { border-color: transparent; }

.sugg-products-container { display: flex; flex-direction: column; gap: 2rem; padding: 2rem 1rem 1rem; }

.sugg-related-product-image { max-width: 64px; max-height: 64px; }

.sugg-products-header { color: rgb(4, 12, 19); font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-3,14px); font-style: normal; font-weight: 500; line-height: 18px; }

.sugg-product-card { display: flex; align-items: center; border-radius: 1rem; width: 100%; overflow: hidden; height: 84px; }

.sugg-product-image { margin-left: 0.5rem; margin-right: 0.5rem; min-width: 64px; min-height: 64px; display: flex; align-items: center; justify-content: center; max-width: 64px; }

.sugg-product-card .sugg-product-image { width: 100%; height: 100%; object-fit: contain; }

.sugg-product-info-and-review { display: flex; flex-direction: column; padding: 1rem; gap: 0.5rem; }

.sugg-product-info { display: flex; flex-direction: row; align-items: center; width: 100%; }

.sugg-product-info a.sugg-product-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: rgb(4, 12, 19); text-overflow: ellipsis; font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: 1.5rem; font-style: normal; line-height: 2rem; }

.sugg-product-info a.sugg-product-title:hover { color: rgb(4, 87, 200); }

.sugg-review-fallback { height: 1.5rem; }

.sugg-popular-terms-container { min-height: 98px; }

.sugg-popular-terms-container .sugg-carousel-container { padding: 6px 2rem; }

.sugg-popular-term-lv-button { width: 160px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.sugg-popular-term-button { background-color: rgb(255, 255, 255); padding: 1rem; border: 0px; border-radius: 8px; font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-2,12px); font-style: normal; font-weight: 500; display: flex; align-items: center; justify-content: center; }

.sugg-popular-term-button .sugg-popular-terms-icon { height: 2rem; width: 2rem; margin-right: 0.5rem; }

.sugg-popular-term-button:hover { background-color: rgba(3, 3, 3, 0.03); }

.sugg-popular-term-button:active { background-color: rgba(3, 3, 3, 0.1); }

.sugg-active-popular-term { background-color: rgba(3, 3, 3, 0.03) !important; border: 1px solid rgb(0, 70, 190) !important; }

.sugg-popular-terms-header { padding-left: 2rem; padding-right: 2rem; display: flex; flex-direction: row; margin-top: 2rem; margin-left: 3px; justify-content: space-between; }

.sugg-popular-terms-header .sugg-popular-terms-title { color: rgb(4, 12, 19); }

.sugg-popular-terms-header .sugg-popular-terms-refresh, .sugg-popular-terms-header .sugg-popular-terms-title { display: flex; flex-direction: row; font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-3,14px); font-style: normal; font-weight: 500; }

.sugg-popular-terms-header .sugg-popular-terms-refresh { gap: 0.5rem; color: rgb(0, 70, 190); background: none; border: none; cursor: pointer; }

.sugg-recent-searches-container { display: flex; flex-direction: column; padding-right: 1rem; }

.sugg-recent-searches-container .sugg-recent-searches-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0px; min-height: 51px; }

.sugg-recent-searches-container .sugg-recent-searches-header .sugg-header-text { color: rgb(4, 12, 19); font-family: var(--font-family-sans,"Human BBY Digital"); font-size: var(--size-font-3,14px); font-style: normal; font-weight: 500; margin-left: 2rem; }

.sugg-recent-searches-container .sugg-recent-searches-header .sugg-clear-button { color: var(--foreground-primary,#014fd3); font-family: var(--font-family-sans,"Human BBY Digital"); font-size: var(--size-font-3,14px); font-style: normal; font-weight: 500; background: none; border: none; cursor: pointer; padding-right: 8px; }

.sugg-recent-searches-container .sugg-recent-searches-header .sugg-clear-button.sugg-active-clear-all-button { border: 2px solid rgb(49, 145, 252); border-radius: 6px; padding: 4px 8px; }

.sugg-recent-searches-container .sugg-recent-search-item { height: 49px; align-content: center; display: flex; align-items: center; margin-left: 2rem; margin-right: 1rem; }

.sugg-recent-searches-container .sugg-recent-search-item .sugg-history-icon-container { display: flex; align-items: center; padding-right: 0.5rem; }

.sugg-recent-searches-container .sugg-recent-search-item .sugg-clear-recent-search-container { align-content: center; height: 100%; }

.sugg-recent-searches-container .sugg-recent-search-item .sugg-clear-recent-search-container .sugg-clear-recent-search-button { align-items: center; background-color: transparent; width: 28px; height: 28px; border-width: 2px; justify-content: center; }

.sugg-recent-searches-container .sugg-recent-search-item .sugg-recent-search-text { flex-grow: 1; padding-left: 0.5rem; cursor: pointer; align-content: center; font-size: var(--size-font-2,12px); font-family: var(--font-family-sans,"Human BBY Digital"); font-weight: 400; }

.sugg-sv-recent-searches { width: 100%; }

.sugg-active-history { background-color: rgb(240, 242, 244); text-decoration: none; border-radius: 8px; margin-left: 8px !important; margin-right: 4px !important; }

.sugg-active-history .sugg-clear-button { padding-right: 8px; margin-right: 8px; }

.sugg-active-history .sugg-clear-recent-search-button { margin-right: 4px; }

.sugg-active-history .sugg-history-icon-container { margin-left: 8px; }

.sugg-active-clear-button { border: 2px solid rgb(49, 145, 252); border-radius: 6px; }

.sugg-non-active-clear-button { border-color: transparent; }

.sugg-purchased-products-container { min-height: 146px; }

.sugg-purchased-products-container .sugg-purchased-products-items { padding-bottom: 1rem; padding-top: 2rem; padding-left: 2rem; }

.sugg-purchased-products-container .sugg-purchased-products-items .sugg-purchased-products-title { display: flex; flex-direction: row; padding-right: 2rem; padding-bottom: 0.5rem; color: rgb(4, 12, 19); font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-3,14px); font-style: normal; font-weight: 500; }

.sugg-purchase-products-image { display: block; margin: 0px auto; max-width: 64px; max-height: 48px; }

.sugg-purchased-product-item-container { width: 290px; height: 80px; border: 1px solid rgb(228, 229, 232); border-radius: 8px; padding: 2rem 1rem 2rem 2rem; display: flex; flex-direction: row; margin-right: 2rem; }

.sugg-purchased-product-item-container .sugg-purchased-product-image { align-content: center; max-width: 64px; min-height: 48px; }

.sugg-purchased-product-item-container .sugg-purchased-product-text { display: flex; flex-direction: column; padding-left: 1.5rem; gap: 1rem; }

.sugg-purchased-product-item-container .sugg-purchased-product-text .sugg-purchased-product-label { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: rgb(0, 0, 0); font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-2,12px); font-style: normal; font-weight: 400; }

.sugg-purchased-product-item-container .sugg-purchased-product-text .sugg-purchased-product-date { color: rgb(108, 111, 117); font-family: "Human BBY Digital", "Human Fallback", Arial, Helvetica, sans-serif; font-size: var(--size-font-1,10px); font-style: normal; font-weight: 400; }

.sugg-purchase-history-remove { margin-top: -0.5rem; margin-left: 1rem; background-color: transparent; border: none; }

.sugg-purchased-product-divider { border-bottom-width: 1px; border-color: rgba(3, 3, 3, 0.1); }

.sugg-recently-viewed { margin-top: 16px; margin-left: 16px; }

.sugg-recently-viewed .c-carousel-item.focused { outline: rgb(0, 102, 204) solid 2px; outline-offset: 2px; background-color: rgba(0, 102, 204, 0.1); border-radius: 4px; position: relative; z-index: 10; }

.sugg-recently-viewed .c-carousel-item.focused .card-autocomplete { background-color: rgba(0, 102, 204, 0.05); }

.sugg-lv-second-pane .sugg-animated-hints-container { padding-top: 12px; }

.sugg-animated-hints { display: flex; gap: 0.5rem; height: 24px; overflow: hidden; }

.sugg-animated-hints-container { padding: 0px 16px 12px; }

.sugg-animated-hints .sugg-animated-hints-icon { width: 16px; height: 16px; flex-shrink: 0; fill: rgb(0, 70, 190); }

.sugg-animated-hints .sugg-hint-label { flex-shrink: 0; display: flex; gap: 1rem; align-items: center; white-space: nowrap; }

.sugg-animated-hints .sugg-hints { min-width: 0px; }

.sugg-animated-hints .sugg-hints.sugg-animating .sugg-hint { transform: translateY(-100%); transition: transform 0.8s; }

.sugg-animated-hints .sugg-hint { height: 100%; display: flex; align-items: center; }

.sugg-animated-hints .sugg-hint > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.shop-header #failed-auth-toast-overlay { font-size: 15px; }

.shop-header #failed-auth-toast-overlay .c-close-icon .c-close-icon-svg { height: 16px; width: 16px; }

.shop-header #failed-auth-toast-overlay.bottom > .arrow { left: 152px; }

.shop-header #failed-auth-toast-overlay.large-view.c-overlay.bottom { margin-top: 0px; width: 328px; }

.shop-header #failed-auth-toast-overlay.small-view { position: relative; }

.shop-header #failed-auth-toast-overlay.small-view .arrow { border: 0px; position: fixed; }

.gift-ideas-button { display: flex; align-items: center; justify-content: center; height: 40px; width: 131px; padding-left: 11px; padding-right: 11px; font-size: 16px; border: 1px solid rgb(196, 200, 207); border-radius: 8px; box-sizing: border-box; }

.gift-ideas-button:hover { background-color: transparent !important; }

.gift-ideas-button .gift-ideas-button-image { height: 24px; width: 24px; object-fit: contain; }

.utility-nav-scroll-locked-s { position: fixed; height: 100%; width: 100%; overflow: hidden; }

.shop-utility-nav #personalization-hide-show { position: fixed; top: var(--header-height,0); bottom: 0px; left: 0px; right: 0px; z-index: 99; }

.shop-utility-nav .member-theme { background-color: var(--color-bg-dark,#1d252c); }

.shop-utility-nav .default-theme { background-color: rgb(0, 70, 190); }

.shop-utility-nav .utility-nav-container { width: 100%; }

.shop-utility-nav .personalization { background-color: rgb(255, 255, 255); display: flex; flex: 1 1 0%; flex-direction: column; width: 100%; }

.shop-utility-nav .personalization-items-container { background-color: rgb(240, 242, 244); flex-direction: row; width: 100%; }

.shop-utility-nav .personalization-item { height: 48px; padding-top: 12px; padding-bottom: 12px; background-color: rgb(255, 255, 255); display: flex; flex: 1 1 0%; flex-direction: row; align-items: center; justify-content: center; }

.shop-utility-nav .personalization-item-line { display: flex; flex: 1 1 0%; flex-direction: row; padding-left: 16px; padding-right: 16px; align-items: center; justify-content: space-between; }

.shop-utility-nav .personalization-item-draggable-button { display: flex; flex: 1 1 0%; touch-action: manipulation; }

.shop-utility-nav .personalization-item-draggable-overlay { background-color: rgba(255, 255, 255, 0.8); border: 2px solid rgb(29, 37, 44); }

.shop-utility-nav .personalization-dragdrop-item-container { display: flex; flex: 1 1 0%; }

.shop-utility-nav .personalization-item-droppable-animation { transition-duration: 0.1s; }

.shop-utility-nav .personalization-item-display { display: flex; flex: 1 1 0%; align-items: center; gap: 8px; }

.shop-utility-nav li { list-style: none; }

.shop-utility-nav .navigation-container { flex-wrap: nowrap; }

.shop-utility-nav .navigation-list { padding: 0px; display: flex; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }

.shop-utility-nav .links { align-items: center; justify-content: center; color: rgb(255, 255, 255); display: flex; gap: 4px; margin-right: 20px; overflow-y: hidden; }

@media (min-width: 1200px) {
  .shop-utility-nav .links { margin-right: 28px; }
}

.shop-utility-nav .links-personalization-hidden { margin-right: 10px; margin-left: 10px; }