.menu-dialog{position:fixed;top:0;left:0;height:100%;width:100%;max-width:40rem;display:grid;grid-template-rows:auto 1fr;background-color:#fff;z-index:5;overflow-y:scroll;transform:translate(-100%);transition:transform .3s ease-in-out;-ms-overflow-style:none;scrollbar-width:none}.menu-dialog::-webkit-scrollbar{display:none}.menu-dialog[hidden]{display:none;transition:none}.menu-dialog.visible{transform:translate(0)}.menu-dialog--toggle{background:transparent;border:none;color:inherit}.menu-dialog--close{justify-self:end;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;font-size:75%;border:none;background:transparent;color:currentColor}.menu-dialog-search--button{width:6rem;justify-content:center}.menu-dialog-search--input,.menu-dialog-search--results .predictive-search-results--button{height:8rem;padding:var(--gap);outline:none;border-left-width:0;border-right-width:0}.menu-dialog-search--input{font-size:125%}.menu-dialog-search--results .predictive-search-results--list{padding:0}.menu-dialog-search--results li{flex-basis:100%}.menu-dialog-search--results .predictive-search-results--product{flex-direction:row;padding:var(--gap);font-size:100%}.menu-dialog-search--results .predictive-search-results--product-image{width:5rem;margin-right:1rem}.menu-dialog-search--results .predictive-search-results--button{margin:0;border-bottom:1px solid var(--color-borders)}.menu-dialog--linklist--level_1,.menu-dialog--linklist--level_2,.menu-dialog--linklist--level_3{list-style:none}.menu-dialog--linklist--link{display:grid;padding:var(--gap);font-size:125%;border-bottom:1px solid var(--color-borders);outline:none}.menu-dialog--linklist--level_1.menu-dialog--linklist--link{height:8rem;align-content:center}.menu-dialog--linklist--level_2 .menu-dialog--linklist--link{font-size:100%}.menu-dialog--linklist--level_3{padding:var(--gap);border-bottom:1px solid var(--color-borders)}.menu-dialog--linklist--level_3 .menu-dialog--linklist--link{border:none;padding:0;font-size:90%}.menu-dialog--linklist--level_3 li:not(:last-of-type) .menu-dialog--linklist--link{margin-bottom:1em}.menu-dialog--footer{padding:var(--gap)}.menu-dialog--account{display:grid;grid-template-columns:auto 1fr;grid-column-gap:.5em;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom--component--menu-dialog.css.map */