byo-menu .byo-menu-products{margin-bottom:1rem}byo-menu .byo-menu-products .tabs-container{border-bottom:1px solid black}byo-menu .byo-menu-products .tabs-container .tabs-container--inner{display:grid;gap:5px;justify-items:center;width:max-content;margin:0 auto}@media(max-width:1440px){byo-menu .byo-menu-products .tabs-container .tabs-container--inner{grid-template-columns:repeat(5,auto)!important;gap:5px 15px}}@media(max-width:520px){byo-menu .byo-menu-products .tabs-container .tabs-container--inner{grid-template-columns:repeat(3,auto)!important;gap:5px 15px}}byo-menu .byo-menu-products .tabs-container .tabs-container--inner .byo-menu__product{padding-block:calc(var(--button-padding-block) / 4);padding-inline:calc(var(--button-padding-inline) / 4);border-radius:0;border:none;box-shadow:none}byo-menu .byo-menu-products .tabs-container .tabs-container--inner .byo-menu__product:focus-visible{outline:none}byo-menu .byo-menu-products .tabs-container .tabs-container--inner .byo-menu__product.button-secondary{--button-color: rgba(0, 0, 0, .6);font-weight:700;color:var(--color-foreground)}byo-menu .byo-menu-products .tabs-container .tabs-container--inner .byo-menu__product.button-active{--button-background-color: white;box-shadow:inset 0 -3px 0 0 var(--color-primary-button-background);color:var(--color-primary-button-background);font-weight:700}byo-menu .byo-menu__summary{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:800px;height:80px;background:#fff;box-shadow:0 0 6px 2px #0003;z-index:1000;display:flex;justify-content:center;align-items:center;gap:2rem}byo-menu .byo-menu__summary .byo-menu__summary-text{display:grid;gap:1rem;grid-auto-flow:column;grid-template-columns:150px 150px}@media(max-width:520px){byo-menu .byo-menu__summary .byo-menu__summary-text{grid-template-columns:1fr;grid-auto-flow:row;gap:.2rem}}byo-menu .byo-menu__summary .byo-menu__summary-text .byo-menu__summary-products span{font-size:1.2rem;font-weight:700}byo-menu .byo-menu__summary .byo-menu__summary-text .byo-menu__summary-price span{font-size:1.2rem;font-weight:700}byo-menu .byo-menu__summary .byo-menu__panel-caret{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(180deg);width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000014;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1002;transition:box-shadow .2s}byo-menu .byo-menu__summary .byo-menu__panel-caret svg{color:var(--color-foreground);transition:transform .3s}byo-menu .byo-menu__summary .byo-menu__panel-caret:hover,byo-menu .byo-menu__summary .byo-menu__panel-caret:focus{box-shadow:0 4px 16px #00000026;outline:none}byo-menu .byo-menu__summary .byo-menu__panel-caret.open svg{transform:rotate(180deg)}byo-menu .byo-menu__panel{position:fixed;left:50%;transform:translate(-50%) translateY(100%);bottom:80px;width:100%;max-width:800px;max-height:calc(80svh - 80px);background:#fff;box-shadow:0 0 0 1000px #0000004d;z-index:1;border-radius:0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .2s;will-change:transform;pointer-events:none;opacity:0}byo-menu .byo-menu__panel.open{transform:translate(-50%) translateY(0);pointer-events:auto;opacity:1}byo-menu .byo-menu__panel .byo-menu__panel-inner{padding:2rem 1.5rem 1.5rem;max-height:calc(100vh - 80px - 2rem)}byo-menu .byo-menu__panel .byo-menu__panel-inner .byo-menu__panel-header{display:flex;justify-content:space-between;align-items:flex-start}byo-menu .byo-menu__panel .byo-menu__panel-inner .byo-menu__panel-header .icon-close{cursor:pointer}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items{display:grid;gap:1rem;margin-bottom:1.5rem;grid-template-columns:1fr}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item{background:#fafbfc;border-radius:8px;box-shadow:0 1px 4px #0000000a;padding:1rem 1rem .5rem;display:grid;grid-template-areas:"product-title product-title product-title" "title title title" "quantity price action";grid-template-columns:1fr 1fr auto;grid-column-gap:1rem;width:100%;min-width:0}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-product-title{grid-area:product-title;font-weight:600;font-size:1rem;margin-bottom:.25rem;word-break:break-word}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-title{grid-area:title;font-weight:400;font-size:1rem;margin-bottom:.25rem;word-break:break-word}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-qty{grid-area:quantity;color:#555;align-self:center}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-price{grid-area:price;color:#888;justify-self:flex-end;align-self:center}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action{grid-area:action;align-self:center}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action .panel-delete-btn{cursor:pointer}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action .panel-delete-btn:hover .remove-icon-bottom{transform:translateY(var(--icon-stroke-width))}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action .panel-delete-btn:hover .remove-icon-top{transform:translate(calc(-1 * var(--icon-stroke-width)),var(--icon-stroke-width)) rotate(-15deg)}byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action .panel-delete-btn .remove-icon-bottom,byo-menu .byo-menu__panel .byo-menu__panel-inner .panel-items .panel-item .item-action .panel-delete-btn .remove-icon-top{transition:transform var(--animation-speed) var(--animation-easing)}byo-menu .byo-menu__panel h5{margin-top:0;margin-bottom:1rem}byo-menu .quick-order-product-description{font-size:90%;padding:1rem 0}byo-menu .quick-order-product-price-quantity{display:flex;justify-content:space-between;flex-wrap:wrap}byo-menu .quick-order-variant-title{display:flex;flex-direction:column;align-items:flex-end;width:100%}byo-menu .quick-order-variant-title .quick-order-variant-description{font-size:.9rem;max-width:90%;text-align:right}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dff-byo-menu.css.map */