@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 { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; font-size: 30px; justify-content: center; min-height: 200px; }

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

@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 { bottom: 0px; content: " "; height: 0px; pointer-events: none; position: absolute; right: 30px; top: -20px; width: 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 { -webkit-box-align: center; align-items: center; display: flex; }

.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 { -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); display: flex; font-weight: 500; }

@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 { background: rgb(255, 255, 255); height: 98vh; top: 44px; 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 { height: calc(-120px + 100vh); min-width: 373px; overflow: hidden scroll; }

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

@media (min-width: 768px) and (max-width: 1024px) and (max-height: 951px) and (orientation: landscape) {
  .shop-account-menu .flyout-account-menu .scroll-container { height: 83vh; min-width: 373px; overflow: hidden scroll; }
  .shop-account-menu .flyout-account-menu .scroll-container .flyout-loading-indicator { min-height: 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 { -webkit-box-pack: end; justify-content: flex-end; padding: 10px; position: absolute; right: 0px; top: 0px; z-index: 1; }

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

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

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

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

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

.shop-account-menu .sh-loading-state i.spinner { margin-top: 30px !important; }

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

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

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

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

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

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

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

.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 { text-align: left; width: 50%; }

.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 { border-bottom: 12px solid rgb(240, 242, 244); border-top: 0px; left: -15px; position: relative; top: 42px; width: 372px; }

.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 { font-size: 15px; margin: 8px auto; text-align: left; }

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

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

.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 { align-self: flex-end; background: none; border: none; color: rgb(0, 70, 190); float: right; font-size: 13px; height: 16px; line-height: 15px; margin-top: 8px; padding: 0px; }

.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 { left: 98px; position: relative; }

.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 { text-align: right; width: 30%; }

.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 { height: 22px; width: 178px; }

.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-size: 14px; font-weight: 500; margin-bottom: 0px; margin-top: 8px; }

.shop-account-menu .account-menu .account-header .tts-member .view-benefits, .shop-account-menu .account-menu .account-header .tts-member-with-placement .view-benefits { font-size: 15px; line-height: 16px; margin-top: 8px; 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 { background: rgb(255, 255, 255); padding: 20px 16px; }

.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 { margin-top: 23px; width: 43%; }

.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 { height: 22px; width: 178px; }

.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 { -webkit-box-pack: start; 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-size: 14px; font-weight: 500; }

.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 { background: rgb(255, 255, 255); padding: 20px 16px; }

.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; font-weight: 400; line-height: 16px; margin-bottom: 0px; margin-top: 8px; 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 { background: rgb(255, 255, 255); padding: 20px 16px; }

.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 { font-size: 15px; line-height: 16px; margin-top: 8px; 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 { background: rgb(255, 255, 255); padding: 20px 16px; }

.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) { background: rgb(255, 255, 255); padding: 0px 16px 16px; text-align: left; }

.shop-account-menu .account-menu { margin: 0px; }

.shop-account-menu .account-menu .cdn-without-tts { padding: 3px 16px 8px !important; }

.shop-account-menu .account-menu .cdn-without-tts .shop-customer-data-notification > div > div { padding: 0px !important; }

.shop-account-menu .account-menu .shop-customer-data-notification div.cdn-component { padding: 16px 16px 0px; }

.shop-account-menu .account-menu .shop-customer-data-notification div.cdn-component div.c-alert-content { padding: 16px 16px 16px 0px; text-align: left; }

.shop-account-menu .account-menu hr { margin: 0px; }

.shop-account-menu .account-menu .horizontal-first-line { border-bottom: 12px solid rgb(240, 242, 244); border-top: 0px; width: 372px; }

.shop-account-menu .account-menu .margin13 { margin-top: 13px; }

.shop-account-menu .account-menu .display-account-menu { list-style-type: none; padding: 0px 15px 0px 0px; width: 372px; }

.shop-account-menu .account-menu .combine-div { width: 357px; }

.shop-account-menu .account-menu .horizontal-line { margin-left: 15px; }

.shop-account-menu .account-menu .border-box { border-bottom: 12px solid rgb(240, 242, 244); margin-left: 0px; padding-top: 10px; width: 372px; }

.shop-account-menu .account-menu ul > hr:last-of-type { border: 0px; }

.shop-account-menu .account-menu .display-values { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; display: flex; flex-direction: row; justify-content: space-between; padding: 15px 0px 19px 15px; }

.shop-account-menu .account-menu .display-values a { color: rgb(4, 87, 200); font-size: 15px; }

.shop-account-menu .account-menu .display-values span { color: rgb(75, 75, 79); font-size: 11px; margin-top: 3px; }

.shop-account-menu .account-menu .bby-credit-card .old-cc-container { margin: 18px 15px 10px; }

.shop-account-menu .account-menu .bby-credit-card .dashboard-entry-point__text-container { padding: 1.3rem 1.6rem 2rem 2rem; }

.shop-account-menu .account-menu .bby-credit-card .dashboard-entry-point__text-actions { padding-left: 10px; width: 200px; }

.shop-account-menu .account-menu .bby-credit-card .dashboard-entry-point__text-container-viewdashbaord-container { padding-right: 0px; }

.shop-account-menu .account-menu .bby-credit-card .dashboard-entry-point__text-container-viewdashbaord-button { width: 340px; }

.shop-account-menu .account-menu .bby-credit-card .dashboard-entry-point { height: auto; }

.shop-account-menu .account-menu .bby-credit-card + .border-box { padding-top: 0px; }

.shop-account-menu .account-menu .bby-credit-card-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: flex; flex-direction: row; margin-bottom: 3px; }

.shop-account-menu .account-menu .bby-credit-card-container .bby-credit-card-text { color: rgb(29, 37, 44); font-size: 15px; font-weight: 500; margin-left: 4px; margin-top: 7px; }

.shop-account-menu .account-menu .bby-credit-card-paymanage-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: flex; flex-direction: row; font-size: 15px; font-weight: 400; line-height: 18px; margin-left: 31px; }

.shop-account-menu .account-menu .bby-credit-card-paymanage-link { color: rgb(4, 87, 200); font-size: 15px; font-weight: 400; }

.shop-account-menu .account-menu .account-header { margin-top: 0px; text-align: center; width: 372px; }

.shop-account-menu .account-menu .account-header.signed-in-user { margin-top: 0px; }

.shop-account-menu .account-menu .header-guest-user { display: flex; text-align: center; width: 372px; }

.shop-account-menu .account-menu .signed-in-user { margin: -39px 0px -7px; }

.shop-account-menu .account-menu .signed-in-user .account-menu-svg { height: 100px; margin: -40px 0px -70px; }

.shop-account-menu .account-menu .signed-in-user .account-menu-rewards { color: rgb(49, 128, 0); display: block; font-size: 18px; font-weight: 400; line-height: 21px; margin-top: 25px; }

.shop-account-menu .account-menu .signed-in-user .horizontal-first { border-bottom: 7px solid rgb(240, 242, 244); left: -15px; position: relative; top: 42px; width: 372px; }

.shop-account-menu .account-menu .signed-in-user .horizontal-line-membership-rewards { margin-left: 15px; width: 343px; }

.shop-account-menu .account-menu .signed-in-user .account-menu-manage-rewards { font-size: 15px; }

.shop-account-menu .account-menu .signed-in-user .smb + div > div .shop-membership-rewards > div[data-reactroot]:first-child > div { margin-bottom: 9px !important; margin-top: 20px !important; padding: 3px 30px 0px !important; }

.shop-account-menu .account-menu .signed-in-user .smb + div > div .shop-customer-data-notification div.cdn-component { padding-bottom: 8px; padding-left: 16px; padding-right: 16px; padding-top: 0px !important; }

.shop-account-menu .account-menu .signed-in-user .smb + div > div .shop-customer-data-notification div.cdn-component div.c-alert-content { padding: 16px 16px 16px 0px; text-align: left; }

.shop-account-menu .account-menu .signed-in-user .small-business-user:not(.smb) + div { margin-top: -16px; }

.shop-account-menu .account-menu .signed-in-user .small-business-user:not(.smb) + div .shop-membership-rewards > div:first-child:first-child > div { margin-bottom: 10px; margin-top: 0px !important; padding: 3px 30px 0px !important; }