.header__icon--menu{position:initial}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{position:absolute;top:100%;left:0;z-index:2;visibility:hidden;width:100%;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));cursor:default;content:"";background:rgba(var(--color-foreground),.5);opacity:0;transition:opacity 0s,visibility 0s}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer{position:absolute;top:100%;left:0;z-index:3;visibility:hidden;width:100%;padding:0;overflow-x:hidden;background-color:rgb(var(--color-background));filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)));transform:translate(-100%)}.menu-drawer slider-component{display:block}.menu-drawer .js-slider{display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:.8rem}@media screen and (min-width:1024px){.menu-drawer .js-slider{margin-top:0;justify-content:space-between;align-items:flex-start;gap:1.2rem}}@media(min-width:768px)and (max-width:1023px){.menu-drawer .js-slider .grid__item{max-width:unset;width:42%}}.menu-drawer .grid__item{flex-grow:0}.menu-drawer .menu-drawer-top-level[open]>summary .svg-wrapper svg{transform:rotate(180deg)}.menu-drawer .svg-wrapper svg{transition:transform .2s ease;margin-left:4px}.menu-position--mobile-right .menu-drawer{transform:translate(100%)}.js .menu-drawer{height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-long) ease,visibility var(--duration-long) ease}.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{visibility:visible;transform:translate(0)}.js .menu-drawer__navigation .submenu-open{visibility:hidden}@media screen and (min-width:768px){.menu-drawer{width:100%;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;border-width:0 var(--drawer-border-width) 0 0}}.menu-drawer__spacer{flex:1}.menu-drawer__inner-container{position:relative;height:100%}.menu-drawer__inner-container .list-social{margin-top:0}.menu-drawer__navigation-container{display:grid;gap:2rem}.menu-drawer__navigation{padding-top:3.2rem}.menu-drawer__utility-links-wrapper{margin-bottom:4.8rem}@media screen and (max-width:749px){.menu-drawer__navigation-container{grid-template-columns:1fr;grid-template-areas:"nav" "images" "utility";align-content:space-between;height:100%}.menu-drawer__navigation{grid-area:nav}.mega-menu__image-panels{grid-area:images}.menu-drawer__utility-links{grid-area:utility}}@media screen and (min-width:750px)and (max-width:1023px){.menu-drawer__navigation-container{grid-template-columns:max-content max-content;grid-template-areas:"nav images" "utility utility";align-items:start;justify-content:space-between}.menu-drawer__navigation{grid-area:nav;min-width:0}.mega-menu__image-panels{grid-area:images}.menu-drawer__utility-links{grid-area:utility}}.menu-drawer__inner-submenu{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.menu-drawer__menu-item{--accent-color: var(--color-starbucks-green);display:flex;align-items:center;justify-content:space-between;height:4rem;padding:1.2rem var(--stbx-side-padding-mobile);color:var(--color-grey-dark);text-decoration:none}.menu-drawer__menu-item[no-child] svg{display:none}.menu-drawer__menu-item:hover{color:var(--accent-color)}@media screen and (min-width:768px){.menu-drawer__menu-item{padding-inline:var(--stbx-side-padding-tablet)}}.menu-drawer__menu-item.menu-drawer__menu-item--reserve{color:var(--color-gold-reward-dark)}drawer-menu{display:block}drawer-menu:has(.menu-drawer__menu-item):last-of-type{margin-bottom:0}.menu-drawer summary.menu-drawer__menu-item{padding-right:5.2rem}.menu-drawer__close-button:focus,.menu-drawer__close-button:hover{color:rgb(var(--color-foreground))}.menu-drawer__menu-item--active:hover{background-color:rgba(var(--color-foreground),.08)}.js .menu-drawer__menu-item .icon-caret{display:none}.menu-drawer__menu-item>.svg-wrapper{position:absolute;top:50%;right:3rem;width:15px;transform:translateY(-50%)}.js .menu-drawer__submenu{position:absolute;top:0;bottom:0;left:0;z-index:1;visibility:hidden;width:100%;background-color:rgb(var(--color-background));transform:translate(100%);transition:transform .4s ease;display:flex;flex-direction:column;padding:3.2rem .8rem}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{display:flex;align-items:center;width:100%;padding-inline:calc(var(--stbx-side-padding-mobile) - 20px);margin-top:1.5rem;font-style:var(--font-body-style);text-align:left;text-decoration:none;background-color:#0000;font-family:var(--font-starbucks-serif);font-size:24px;font-weight:var(--font-weight-medium);line-height:115%;padding-bottom:1.6rem}@media screen and (min-width:768px){.menu-drawer__close-button{padding-inline:calc(var(--stbx-side-padding-tablet) - 20px)}}.menu-drawer__close-button .svg-wrapper{transform:rotate(180deg)}.menu-drawer__account-and-support{display:flex;flex-direction:column;gap:.2rem;margin-top:auto;margin-bottom:3.2rem}.menu-drawer__account-heading,.menu-drawer__social-heading{margin-block:0;color:var(--color-grey-light);text-transform:uppercase;font-family:var(--font-sodo);font-weight:700;font-size:1.1rem;line-height:150%;letter-spacing:.16em}.menu-drawer__utility-links{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:0;padding-inline:var(--stbx-side-padding-mobile)}@media screen and (min-width:768px){.menu-drawer__utility-links{padding-inline:var(--stbx-side-padding-tablet)}}@media screen and (min-width:1024px){.menu-drawer__utility-links{padding-inline:var(--stbx-side-padding)}}@media screen and (max-width:767px){.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:2rem 3rem}}@media screen and (max-width:1023px){.header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links{padding:2rem 3rem}}.menu-drawer__account-and-support-links-wrapper{display:flex;flex-direction:column}.menu-drawer__account-and-support-item{display:flex;align-items:center;padding-block:.6rem;margin:0;color:var(--color-grey-dark);text-decoration:none;font-family:var(--font-sodo);font-weight:400;font-size:1.4rem;line-height:150%;letter-spacing:-.01em}.menu-drawer__account-and-support-item>#customer_logout_link{color:var(--color-grey-dark);text-decoration:none}.menu-drawer__account-and-support-links-wrapper .guest-account-links--drawer{display:flex;align-items:center;gap:.8rem;padding-block:.6rem;margin:0;white-space:nowrap}.menu-drawer__account-and-support-links-wrapper .guest-account-links--drawer .guest-account-links__link{color:var(--color-grey-dark);text-decoration:none;font-family:var(--font-sodo);font-weight:400;font-size:1.4rem;line-height:150%;letter-spacing:-.01em}.menu-drawer__account-and-support-links-wrapper .guest-account-links--drawer .guest-account-links__link:hover{text-decoration:underline}.menu-drawer__account-and-support-links-wrapper .guest-account-links--drawer .guest-account-links__link:focus-visible{outline:.2rem solid var(--color-house-green-dark);outline-offset:.2rem;border-radius:var(--stbx-radius-small)}.menu-drawer__account-and-support-links-wrapper .guest-account-links--drawer .guest-account-links__divider{flex-shrink:0;width:.1rem;height:1.6rem;background:var(--color-grey-dark)}.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0}.menu-drawer__account account-icon>.svg-wrapper{width:2rem;height:2rem;margin-right:1rem}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}.menu-drawer__account:hover account-icon>.svg-wrapper{transform:scale(1.07)}.menu-drawer .list-social{justify-content:flex-start;margin-left:-1.25rem}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:1.1rem}.menu-drawer .list-social__link svg{color:var(--color-starbucks-green)}.menu-drawer .list-social__link .svg-wrapper{width:24px;height:24px}@media screen and (max-width:767px){.menu-drawer.country-selector-open{filter:none!important;transform:none!important;transition:none!important}}.menu-drawer .mega-menu__image-panel{position:static}.menu-drawer .mega-menu__image-panel:not(.active){display:none}.menu-drawer .mega-menu__image-panel.active{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */