:root{--m-toolbar-h: 60px;--m-toolbar-offset: 20px;--m-toolbar-z: 90}body{padding-bottom:calc(var(--m-toolbar-h) + env(safe-area-inset-bottom,0px))}.m-toolbar{display:block}.m-toolbar__bar{position:fixed;z-index:var(--m-toolbar-z);right:0;bottom:0;left:0;box-sizing:border-box;height:calc(var(--m-toolbar-h) + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-top:1px solid var(--m-line);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:normal;font-weight:400;letter-spacing:0;transition:opacity .15s ease,visibility .15s ease}.m-toolbar__list{display:flex;height:100%;margin:0;padding:0;list-style:none}.m-toolbar__li{display:flex;flex:1 1 0;min-width:0;margin:0;padding:0}.m-toolbar__item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.m-toolbar__item:focus-visible{outline-offset:-4px}.m-toolbar__icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.m-toolbar__icon>svg{display:block;width:20px;height:20px}.m-toolbar__label{display:block;max-width:100%;padding:0 2px;overflow:hidden;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.m-toolbar__item[aria-current=page] .m-toolbar__label{font-weight:600;text-decoration:underline;text-decoration-color:var(--m-red);text-decoration-thickness:2px;text-underline-offset:3px}@media(hover:hover){.m-toolbar__item:hover .m-toolbar__label{text-decoration:underline;text-decoration-color:var(--m-red);text-decoration-thickness:2px;text-underline-offset:3px}}.m-toolbar__cart .svg-wrapper{width:20px;height:20px;overflow:visible}.m-toolbar__cart .svg-wrapper>svg{flex:none;width:36px;height:36px}.m-toolbar .cart-count-bubble{top:-8px;right:auto;bottom:auto;left:13px;width:16px;height:16px;border-radius:50%;background-color:var(--m-red);color:var(--m-paper);font-size:10px;font-weight:600;line-height:1;letter-spacing:0}.m-toolbar__top{position:fixed;z-index:var(--m-toolbar-z);right:calc(15px + env(safe-area-inset-right,0px));bottom:calc(var(--m-toolbar-h) + env(safe-area-inset-bottom,0px) + 15px);display:grid;place-items:center;box-sizing:border-box;width:45px;height:45px;margin:0;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s ease-out;-webkit-tap-highlight-color:transparent}.m-toolbar__top.is-visible{opacity:1;visibility:visible;transform:none}@media screen and (max-width:749px){.m-toolbar__top{display:none}}.m-toolbar__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.m-toolbar__ring circle{fill:none;stroke-width:2}.m-toolbar__ring-track{stroke:var(--m-line)}.m-toolbar__ring-bar{stroke:var(--m-red);stroke-dasharray:100;stroke-dashoffset:100}.m-toolbar__arrow{position:relative;display:block}@media screen and (min-width:750px){body{padding-bottom:calc(var(--m-toolbar-h) + var(--m-toolbar-offset) * 2 + env(safe-area-inset-bottom,0px))}.m-toolbar__bar{right:0;bottom:calc(var(--m-toolbar-offset) + env(safe-area-inset-bottom,0px));left:0;width:min(420px,calc(100% - var(--m-toolbar-offset) * 2));height:var(--m-toolbar-h);margin-inline:auto;padding:0 10px;border:1px solid var(--m-line);border-radius:var(--m-pill)}.m-toolbar__item{border-radius:var(--m-pill)}.m-toolbar--mobile-only .m-toolbar__bar{display:none}.m-toolbar__top{right:calc(var(--m-toolbar-offset) + env(safe-area-inset-right,0px));bottom:calc(var(--m-toolbar-offset) + env(safe-area-inset-bottom,0px))}}body:is(.overflow-hidden,.overflow-hidden-mobile,.overflow-hidden-tablet,.overflow-hidden-desktop) .m-toolbar__bar,body:is(.overflow-hidden,.overflow-hidden-mobile,.overflow-hidden-tablet,.overflow-hidden-desktop) .m-toolbar__top{opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.m-toolbar__bar,.m-toolbar__top{transition:none}.m-toolbar__top{transform:none}}@media print{.m-toolbar{display:none}body{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/marven-toolbar.css.map */