.byob{font-weight:300;color:var(--byob-text);background:var(--byob-bg);padding:var(--byob-pt) 10px var(--byob-pb);font-size:16px;-webkit-font-smoothing:antialiased}.byob *,.byob *:before,.byob *:after{box-sizing:border-box}.byob button{letter-spacing:normal;text-transform:none;margin:0;-webkit-appearance:none;appearance:none}.byob [hidden]{display:none!important}.byob__empty{padding:40px 20px;text-align:center;border:1px dashed currentColor}.byob__body{max-width:1440px;margin:0 auto;padding:0 28px}.byob__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--byob-sidebar);gap:15px;align-items:start}.byob__grid{display:grid;grid-template-columns:repeat(var(--byob-cols),minmax(0,1fr));gap:15px;padding:2px}.byob-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:8px;border-radius:var(--byob-radius);background:var(--byob-card-bg);color:var(--byob-text);outline:2px solid var(--byob-card-outline);transition:.3s cubic-bezier(.25,.8,.25,1)}.byob-card.is-selected{outline-color:var(--byob-card-outline-active)}.byob-card--soldout .byob-card__media{opacity:.6}.byob-card__media{position:relative;border-radius:8px;overflow:hidden;background:#fff}.byob-card__img{display:block;width:100%;height:auto}.byob-card__zoom{position:absolute;top:10px;right:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;padding:0;border-radius:6px;background:#0000004d;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,background .2s}.byob-card:hover .byob-card__zoom,.byob-card__zoom:focus-visible{opacity:1;visibility:visible}.byob-card__zoom:hover{background:#00000080}.byob-card.is-selected .byob-card__zoom{display:none}.byob-card{cursor:pointer}.byob-card__link{display:block;color:inherit;text-decoration:none}.byob-card__title{font-size:16px;font-weight:700;line-height:22px;cursor:pointer}.byob-card__variant{font-size:14px;font-weight:700;margin-top:5px}.byob-card__variant:empty{display:none}.byob-card__actions{display:grid;gap:5px;align-self:end}.byob-card__prices{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:4px;font-size:14px;line-height:20px}.byob-card__compare{text-decoration:line-through;opacity:.6}.byob-card__price{font-weight:700}.byob--hide-prices .byob-card__prices{display:none}.byob-card__add{display:flex;align-items:center;justify-content:center;width:100%;height:35px;padding:0 8px;border:0;border-radius:var(--byob-btn-radius);background:var(--byob-btn-bg);color:var(--byob-btn-text);font-size:16px;font-weight:700;line-height:1;cursor:pointer}.byob-card__add:disabled{opacity:.5;cursor:not-allowed}.byob-qty{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:35px;padding:0 10px;border-radius:var(--byob-btn-radius);background:var(--byob-btn-bg);color:var(--byob-btn-text);overflow:hidden}.byob-qty__btn{display:flex;align-items:center;justify-content:center;height:35px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}.byob-qty__btn:disabled{opacity:.4;cursor:not-allowed}.byob-qty__label{font-size:16px;font-weight:700;min-width:20px;text-align:center}.byob__tiers{display:grid;grid-template-columns:repeat(var(--byob-tier-count, 3),minmax(0,1fr));gap:8px}.byob__tiers:empty{display:none}.byob__tiers--top{display:none}.byob-tier{display:grid;align-items:center;gap:0;padding:8px;border:0;border-radius:8px;background:var(--byob-tier-bg);color:var(--byob-tier-text);outline:1px solid var(--byob-tier-outline);text-align:center;cursor:pointer;font-size:16px}.byob-tier.is-active{background:var(--byob-tier-active-bg);color:var(--byob-tier-active-text);outline:0}.byob-tier__heading,.byob-tier__sub{font-weight:700;font-size:20px;line-height:28px}.byob-panel{position:sticky;top:calc(var(--header-height, 0px) * var(--enable-sticky-header, 1) + 20px);display:grid;gap:5px;padding:20px;border:1px solid var(--byob-panel-border);border-radius:10px;background:#fff;color:var(--byob-text)}.byob-panel__chip,.byob-panel__message--mobile{display:none}.byob-panel__details{display:grid;gap:5px}.byob-panel__head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid var(--byob-panel-border)}.byob-panel__title{font-size:25px;font-weight:700;line-height:30px}.byob-panel__subtitle{font-size:14px;line-height:20px}.byob-panel__clear{display:grid;grid-template-columns:22px auto;gap:2px;align-items:center;padding:5px 14px;border:0;border-radius:5px;background:var(--byob-clear-bg);color:var(--byob-clear-text);font-size:14px;font-weight:300;cursor:pointer}.byob-panel__message{padding-top:5px;font-size:14px;font-weight:700;color:var(--byob-message);text-align:center}.byob-panel__items{display:grid;gap:10px}.byob-panel__count{font-size:16px}.byob-slots{display:grid;grid-template-columns:repeat(auto-fill,75px);gap:10px;padding:5px 0}.byob-slot{position:relative;width:75px;height:70px;border-radius:8px}.byob-slot--empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--byob-slot-border);background:var(--byob-slot-bg);color:var(--byob-text)}.byob-slot__media{width:100%;height:100%;border:1px solid #cfc9c9;border-radius:8px;overflow:hidden;background:#fff}.byob-slot__media img{display:block;width:100%;height:100%;object-fit:contain}.byob-slot__remove{position:absolute;top:-6px;left:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#000;color:#fff;cursor:pointer;z-index:1}.byob-panel__footer{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;margin-top:10px;padding-top:15px;border-top:1px solid var(--byob-panel-border)}.byob-panel__total{display:grid;gap:8px}.byob-panel__total-label{font-size:14px;font-weight:700}.byob-panel__total-values{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:16px;font-weight:700;line-height:18px}.byob-panel__total-compare{font-size:14px;font-weight:300;opacity:.6}.byob-panel__cta{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;padding:8px;border:0;border-radius:var(--byob-btn-radius);background:var(--byob-btn-bg);color:var(--byob-btn-text);font-size:16px;font-weight:700;line-height:25px;cursor:pointer}.byob-panel__cta.is-loading{opacity:.7;pointer-events:none}.byob-panel__cta-sep,.byob-panel__cta-total{display:none}.byob-modal[hidden],.byob-drawer[hidden],.byob-toast[hidden],.byob-modal [hidden],.byob-drawer [hidden]{display:none!important}.byob-modal *,.byob-drawer *{box-sizing:border-box}.byob-modal button,.byob-drawer button{letter-spacing:normal;text-transform:none;margin:0;-webkit-appearance:none;appearance:none}.byob-modal,.byob-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;color:var(--byob-text)}.byob-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.byob-modal__dialog{position:relative;width:min(1010px,calc(100vw - 40px));max-height:calc(100vh - 80px);overflow:auto;padding:20px;border-radius:10px;background:#fff}.byob-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#9ca3af;cursor:pointer;z-index:2}.byob-qv{display:grid;grid-template-columns:78px minmax(0,386px) 1fr;gap:12px 24px;align-items:start}.byob-qv__thumbs{display:grid;gap:8px;max-height:386px;overflow:auto}.byob-qv__thumb{display:block;width:78px;height:75px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#fff;cursor:pointer}.byob-qv__thumb.is-active{border-color:var(--byob-card-outline-active)}.byob-qv__thumb img{display:block;width:100%;height:100%;object-fit:cover}.byob-qv__main{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#fff}.byob-qv__img{display:block;width:100%;height:100%;object-fit:cover}.byob-qv__nav{position:absolute;top:50%;transform:translateY(-50%);padding:8px;border:0;background:transparent;color:#4a4a4a;font-size:22px;cursor:pointer}.byob-qv__nav--prev{left:4px}.byob-qv__nav--next{right:4px}.byob-qv__info{padding-top:20px}.byob-qv__title{font-size:18px;font-weight:700;margin-bottom:10px}.byob-qv__desc{font-size:14px;line-height:21px;font-weight:400}.byob-qv__desc p{margin:0}.byob-qv__prices{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:14px;font-size:18px;line-height:26px}.byob-qv__price{font-weight:700}.byob-qv__compare{font-size:15px;font-weight:400;opacity:.6}.byob-drawer{align-items:flex-end}.byob-drawer__sheet{position:relative;width:100%;max-width:560px;max-height:85vh;overflow:auto;border:1px solid #b0adad;border-radius:20px 20px 0 0;background:#fff;animation:byob-up .25s ease-out}@keyframes byob-up{0%{transform:translateY(100%)}to{transform:none}}.byob-drawer__head{position:sticky;top:0;display:grid;grid-template-columns:70px 1fr 32px;gap:10px;align-items:center;padding:16px;background:#fff;border-radius:20px 20px 0 0}.byob-drawer__close{position:static}.byob-drawer__img{width:70px;height:70px;object-fit:cover;border-radius:8px}.byob-drawer__title{font-size:16px;font-weight:700}.byob-drawer__price{font-size:14px;margin-top:4px}.byob-drawer__body{display:grid;gap:16px;padding:0 16px 16px}.byob-option__name{font-size:14px;font-weight:700;margin-bottom:8px}.byob-option__values{display:flex;flex-wrap:wrap;gap:8px}.byob-option__value{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #a2a2a2;border-radius:6px;background:#fff;color:var(--byob-text);font-size:14px;cursor:pointer}.byob-option__value.is-active{background:var(--byob-btn-bg);color:var(--byob-btn-text);border-color:var(--byob-btn-bg)}.byob-option__value.is-unavailable{opacity:.45;text-decoration:line-through}.byob-option__swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background-size:cover;background-position:center}.byob-drawer__foot{position:sticky;bottom:0;padding:12px 16px 16px;background:#fff}.byob-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:10000;padding:10px 18px;border-radius:6px;background:#000;color:#fff;font-size:14px;font-weight:400;pointer-events:none}@media screen and (max-width:1100px)and (min-width:750px){.byob__body{padding:0}.byob__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.byob{font-size:14px;padding-bottom:calc(var(--byob-pb) + 190px)}.byob__body{padding:0}.byob__layout{grid-template-columns:minmax(0,1fr)}.byob__tiers--top{display:grid;margin-bottom:15px}.byob__grid{grid-template-columns:repeat(var(--byob-cols-mobile),minmax(0,1fr))}.byob-card__zoom{display:none}.byob-card__title{font-size:14px;line-height:18px}.byob-card__variant{font-size:12px}.byob-tier__heading,.byob-tier__sub{font-size:20px;line-height:28px}.byob-panel{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:30;display:block;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--byob-panel-border);border-radius:0;box-shadow:0 -4px 14px #0000000f}.byob-panel__chip{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;height:21px;padding:0 10px;border:0;border-radius:10px;background:var(--byob-btn-bg);color:var(--byob-btn-text);font-size:14px;cursor:pointer}.byob-panel__chev{transition:transform .2s}.byob-panel.is-open .byob-panel__chev{transform:rotate(180deg)}.byob-panel__message--mobile{display:block;padding:5px 0 8px}.byob-panel__message--desktop{display:none}.byob-panel__details{display:none;max-height:60vh;overflow:auto}.byob-panel.is-open .byob-panel__details{display:grid;gap:8px;padding-bottom:10px}.byob-panel__head,.byob-panel__details .byob__tiers{display:none}.byob-panel__title{font-size:20px;line-height:24px}.byob-panel__subtitle,.byob-panel__clear{font-size:12px}.byob-panel__count{display:none}.byob-slots{grid-template-columns:repeat(auto-fit,65px);justify-content:start;gap:8px;padding:8px 0 0 6px}.byob-slot{width:65px;height:60px}.byob-panel__footer{display:block;margin:0;padding:0;border:0}.byob-panel__total{display:none}.byob-panel__cta{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:22px}.byob-panel__cta-sep,.byob-panel__cta-total{display:inline}.byob-modal{align-items:stretch}.byob-modal__dialog{width:100%;max-height:none;height:100%;border-radius:0;padding:50px 20px 30px}.byob-qv{grid-template-columns:minmax(0,1fr)}.byob-qv__thumbs{display:none}.byob-qv__main{order:1}.byob-qv__info{order:2;padding-top:10px}.byob-qv__title{font-size:20px;text-align:center;margin-bottom:20px}.byob-qv__desc{font-size:15px;line-height:22px}.byob-drawer__sheet{max-width:none}.byob-toast{bottom:130px;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/byob-builder.css.map */