.app\:cart-panel{background:rgba(var(--white),1);border-radius:var(--border-radius) 0 var(--border-radius) var(--border-radius);box-shadow:0 .25rem .25rem rgba(var(--black),.3),0 .5rem .75rem rgba(var(--black),.15);display:flex;flex-direction:column;max-height:calc(100vh - var(--app-height) - var(--cart-panel-top-offset));min-width:16rem;padding:var(--base-margin-large);position:absolute;right:var(--offset-x);top:calc(var(--app-height) + .125rem + var(--banner-height) + var(--cart-panel-top-offset));width:min(calc(100% - var(--offset-x) - var(--global-outer-gutter)),40rem)}@media(max-width:706px){.app\:cart-panel{left:var(--global-outer-gutter)}}.app\:cart-panel>.app\:cart-items{height:100%;overflow:hidden auto}.app\:cart-panel:before{background:linear-gradient(135deg,transparent 50%,rgba(var(--ice),1) 50%,rgba(var(--ice),1) calc(50% + 1px),rgba(var(--white),1) calc(50% + 1px));bottom:100%;content:"";display:block;height:var(--app-padding-y);position:absolute;right:0;width:var(--app-padding-y)}.app\:user{align-items:center;display:flex;font-weight:var(--font-weight-bold);gap:1rem}.app\:user__name{font-size:var(--base-font-size)}.app\:navigation{--border-radius:var(border-radius-large);position:relative;z-index:var(--z-navigation)}.app\:navigation__links{--global-outer-gutter:1rem;background:rgba(var(--white),1);bottom:0;left:100%;max-width:min(calc(100% - var(--global-outer-gutter)),var(--navigation-width));overflow:auto;padding:var(--app-padding-y) var(--global-outer-gutter);position:fixed;row-gap:var(--app-padding-y);top:0;transition:background-color .2s cubic-bezier(.4,0,1,1),background-size .2s cubic-bezier(.4,0,1,1),border-color .2s cubic-bezier(.4,0,1,1),color .2s cubic-bezier(.4,0,1,1),fill .2s cubic-bezier(.4,0,1,1),stroke .2s cubic-bezier(.4,0,1,1),opacity .2s cubic-bezier(.4,0,1,1),transform .25s cubic-bezier(0,.55,.45,1),filter .25s cubic-bezier(0,.55,.45,1);width:100%;z-index:var(--z-navigation)}@media(min-width:707px){.app\:navigation__links{--global-outer-gutter:1.5rem}}.app\:navigation__links,.app\:navigation__links--account,.app\:navigation__links--dropdown,.app\:navigation__links--site{display:flex;flex-direction:column}.app\:navigation__links--account,.app\:navigation__links--dropdown,.app\:navigation__links--site{gap:var(--base-margin-small);position:relative}.app\:navigation__links--dropdown{--border-radius-large:var(--border-radius);--link-padding:.5rem}.app\:navigation__links--dropdown.--primary{--navigation-text-indent:2rem}.app\:navigation__links--dropdown.--secondary{--navigation-text-indent:1rem;padding-left:2rem}body.--mobile-navigation-is-open .app\:navigation__links{transform:translate(-100%);transition:background-color .25s cubic-bezier(.4,0,.2,1),background-size .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1),stroke .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.app\:navigation__explainer{--base-margin-large:var(--base-margin-small)}.app\:navigation__explainer h3,.app\:navigation__explainer p{--base-margin:var(--base-margin-small)}.app\:navigation__explainer a,.app\:navigation__explainer p{font-size:var(--font-size-xs)!important;line-height:1rem!important}.app\:navigation__explainer a{--base-margin-small:0}.app\:navigation__mobile-toggle{align-items:center;display:flex;flex-shrink:0;height:var(--app-logo-height);justify-content:center;position:relative;transition:background-color .1s cubic-bezier(.4,0,1,1),background-size .1s cubic-bezier(.4,0,1,1),border-color .1s cubic-bezier(.4,0,1,1),color .1s cubic-bezier(.4,0,1,1),fill .1s cubic-bezier(.4,0,1,1),stroke .1s cubic-bezier(.4,0,1,1),opacity .1s cubic-bezier(.4,0,1,1),transform .125s cubic-bezier(0,.55,.45,1),filter .125s cubic-bezier(0,.55,.45,1);width:var(--app-logo-height)}.app\:navigation__mobile-toggle:active,.app\:navigation__mobile-toggle:focus{opacity:.9;transition:background-color .125s cubic-bezier(.4,0,.2,1),background-size .125s cubic-bezier(.4,0,.2,1),border-color .125s cubic-bezier(.4,0,.2,1),color .125s cubic-bezier(.4,0,.2,1),fill .125s cubic-bezier(.4,0,.2,1),stroke .125s cubic-bezier(.4,0,.2,1),opacity .125s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1)}.app\:navigation__mobile-toggle.--close{pointer-events:none}body.--mobile-navigation-is-open .app\:navigation__mobile-toggle.--close{pointer-events:all}.app\:navigation__links .app\:navigation__mobile-toggle{margin-left:auto}.app\:navigation__mobile-menu-underlay{background:rgba(var(--black),calc(25%*var(--is-mobile-navigation-open)));inset:0;pointer-events:none;position:fixed;transition:background-color .2s cubic-bezier(.4,0,1,1),background-size .2s cubic-bezier(.4,0,1,1),border-color .2s cubic-bezier(.4,0,1,1),color .2s cubic-bezier(.4,0,1,1),fill .2s cubic-bezier(.4,0,1,1),stroke .2s cubic-bezier(.4,0,1,1),opacity .2s cubic-bezier(.4,0,1,1),transform .25s cubic-bezier(0,.55,.45,1),filter .25s cubic-bezier(0,.55,.45,1);z-index:var(--z-navigation)}.--mobile-navigation-is-open .app\:navigation__mobile-menu-underlay{pointer-events:all}
