.pouch-config{--bx-brand: #1e5638;--bx-accent: #1e5638;--bx-ink: #20302a;--bx-ink-soft: #5b6b62;--bx-line: #e2e8da;--bx-surface: #f4f6ee;--bx-mint: #e7f0e0;display:grid;gap:1.5rem}@media(min-width:990px){.pouch-config{grid-template-columns:360px 1fr;align-items:start}}.pouch-config__panel{border:1px solid var(--bx-line);background:var(--bx-surface);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.pouch-config__field{display:flex;flex-direction:column;gap:.6rem}.pouch-config__label{font-weight:600;font-size:.9rem;color:var(--bx-ink)}.pouch-config__static{border:1px solid var(--bx-line);background:#fff;border-radius:.75rem;padding:.7rem 1rem;font-weight:500;color:var(--bx-ink)}.pouch-config__range{width:100%;accent-color:var(--bx-brand)}.pouch-config__swatches{display:flex;flex-wrap:wrap;gap:.6rem}.pouch-config__swatch{width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--bx-line);cursor:pointer;padding:0;transition:transform .15s ease}.pouch-config__swatch:hover{transform:scale(1.1)}.pouch-config__swatch[aria-pressed=true]{outline:2px solid var(--bx-brand);outline-offset:2px}.pouch-config__toggle{display:inline-flex;border:1px solid var(--bx-line);background:#fff;border-radius:999px;padding:.25rem;width:fit-content}.pouch-config__toggle button{border:0;background:transparent;border-radius:999px;padding:.4rem 1.1rem;font-weight:500;cursor:pointer;color:var(--bx-ink-soft)}.pouch-config__toggle button[aria-pressed=true]{background:var(--bx-brand);color:#fff}.pouch-config__cta{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--bx-line);padding-top:1.5rem}@media(min-width:600px){.pouch-config__cta{flex-direction:row}}.pouch-config__btn{flex:1;height:2.75rem;border-radius:999px;font-weight:500;cursor:pointer;border:0}.pouch-config__btn--primary{background:var(--bx-accent);color:#fff;font-weight:600}.pouch-config__btn--primary:hover{filter:brightness(1.07)}.pouch-config__btn--secondary{background:#fff;border:1px solid var(--bx-line);color:var(--bx-ink)}.pouch-config__canvas{position:relative;width:100%;height:26rem;border:1px solid var(--bx-line);border-radius:1.25rem;overflow:hidden;background:var(--bx-surface)}@media(min-width:990px){.pouch-config__canvas{height:34rem}}.pouch-config__canvas canvas{display:block;width:100%;height:100%}.pouch-config__plano-wrap{margin-top:.25rem}.pouch-config__plano{margin:.5rem 0}.pouch-config__plano canvas{max-width:100%;height:auto;display:block;border:1px solid var(--bx-line);border-radius:.6rem;background:#fff;cursor:move;touch-action:none}.pouch-faces{display:flex;flex-direction:column;gap:.5rem}.pouch-faces__row{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--bx-ink)}.pouch-faces__row>span:first-child{min-width:4.5rem;font-weight:600}.pouch-faces__row input[type=file]{font:inherit;font-size:.78rem;color:var(--bx-ink-soft);flex:1;min-width:0}.pouch-faces__row input[type=file]::file-selector-button{margin-right:.5rem;border:1px solid var(--bx-line);background:#fff;border-radius:999px;padding:.3rem .7rem;font-weight:500;cursor:pointer;color:var(--bx-ink)}.pouch-config__viewer{display:flex;flex-direction:column;gap:1rem}.pouch-config__images{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pouch-config__images img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:.7rem;border:1px solid var(--bx-line);background:#fff;transition:transform .15s ease}.pouch-config__images img:hover{transform:scale(1.03)}.pouch-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#121c16db;display:none;align-items:center;justify-content:center;padding:2rem}.pouch-lightbox.is-open{display:flex}.pouch-lightbox img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:.6rem;background:#fff;box-shadow:0 12px 48px #00000073}.pouch-lightbox__close{position:absolute;top:1rem;right:1.2rem;width:2.6rem;height:2.6rem;border-radius:999px;border:0;background:#ffffffeb;color:#20302a;font-size:1.7rem;line-height:1;cursor:pointer}.pouch-lightbox__close:hover{background:#fff}.pouch-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;border:0;background:#ffffffe6;color:#20302a;font-size:1.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.pouch-lightbox__nav:hover{background:#fff}.pouch-lightbox__prev{left:1rem}.pouch-lightbox__next{right:1rem}@media(max-width:600px){.pouch-lightbox__prev{left:.4rem}.pouch-lightbox__next{right:.4rem}}.pouch-config__vendor{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--bx-ink-soft);margin:0 0 .25rem}.pouch-config__title{font-size:1.85rem;line-height:1.1;margin:0}.pouch-config__price{font-size:1.3rem;font-weight:600;color:var(--bx-ink)}.pouch-config__form{display:flex;flex-direction:column;gap:1.25rem}fieldset.pouch-config__field{border:0;padding:0;margin:0}legend.pouch-config__label{padding:0;margin-bottom:.6rem}.pouch-config__pills{display:flex;flex-wrap:wrap;gap:.5rem}.pouch-config__pill{position:relative}.pouch-config__pill input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pouch-config__pill span{display:inline-block;border:1px solid var(--bx-line);border-radius:999px;padding:.5rem 1rem;font-weight:500;font-size:.9rem;color:var(--bx-ink);background:#fff;transition:all .15s ease}.pouch-config__pill input:checked+span{background:var(--bx-brand);color:#fff;border-color:var(--bx-brand)}.pouch-config__pill input:focus-visible+span{outline:2px solid var(--bx-brand);outline-offset:2px}.pouch-config__upload{display:block;width:100%;font:inherit;color:var(--bx-ink-soft)}.pouch-config__upload::file-selector-button{margin-right:.75rem;border:1px solid var(--bx-line);background:#fff;border-radius:999px;padding:.5rem 1rem;font-weight:500;cursor:pointer;color:var(--bx-ink)}.pouch-config__hint{display:block;margin-top:.4rem;font-size:.8rem;color:var(--bx-ink-soft)}.pouch-config__qty input{width:6.5rem;border:1px solid var(--bx-line);border-radius:.6rem;padding:.55rem .75rem;font:inherit}.pouch-config__details{border-top:1px solid var(--bx-line);padding-top:1rem}.pouch-config__details summary{cursor:pointer;font-weight:600;color:var(--bx-ink)}.pouch-config__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pouch-config__btn[disabled]{opacity:.5;cursor:not-allowed}.pouch-config__input,.pouch-config__textarea{width:100%;border:1px solid var(--bx-line);border-radius:.6rem;padding:.6rem .75rem;font:inherit;background:#fff}.pouch-config__textarea{min-height:5rem;resize:vertical}.pouch-config__grid2{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media(max-width:600px){.pouch-config__grid2{grid-template-columns:1fr}}.pouch-config__success{background:var(--bx-mint, #e7f0e0);color:var(--bx-brand, #1e5638);padding:.9rem 1.1rem;border-radius:.75rem;font-weight:600;margin-bottom:1rem}.pouch-config__errors{background:#fdecea;color:#8a1c12;padding:.75rem 1rem;border-radius:.6rem;margin-bottom:1rem;font-size:.9rem}.pouch-config__select{width:100%;border:1px solid var(--bx-line);border-radius:.6rem;padding:.6rem .75rem;font:inherit;background:#fff}.pouch-standard{display:grid;gap:1.5rem}@media(min-width:990px){.pouch-standard{grid-template-columns:1fr 1fr;align-items:start}}.pouch-standard__media{border-radius:1.25rem;overflow:hidden;background:var(--bx-surface)}.pouch-standard__img{display:block;width:100%;height:auto}.pouch-standard__desc{margin-top:.5rem;color:var(--bx-ink-soft)}.pouch-visualizer__picker{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.pouch-visualizer__product{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--bx-line);background:#fff;border-radius:999px;padding:.4rem .9rem .4rem .4rem;cursor:pointer;font-weight:500;font-size:.85rem;color:var(--bx-ink);transition:border-color .15s ease,background .15s ease}.pouch-visualizer__product img{width:1.75rem;height:1.75rem;border-radius:999px;object-fit:cover;background:var(--bx-mint)}.pouch-visualizer__product[aria-pressed=true]{border-color:var(--bx-brand);background:var(--bx-mint)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pouch-configurator.css.map */