.cpp-volume-tool{--vc-ink:#18233c;--vc-muted:#566277;--vc-line:#d9dfe8;--vc-soft:#f7f8fb;--vc-mint:#eef8fc;--vc-cyan:#4aa4d2;--vc-pink:#c50f63;--vc-pink-soft:#fff4f8;--vc-yellow:#f7cb49;--vc-ok:#0a7a52;--vc-ok-bg:#e8f6ef;--vc-warn:#8a5a00;--vc-warn-bg:#fff6dc;max-width:980px;margin:0 auto 2.5rem;padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--vc-line);border-radius:12px;background:#fff;color:var(--vc-ink);box-shadow:8px 8px 0 var(--vc-cyan)}.cpp-volume-tool *{box-sizing:border-box}.cpp-volume-tool__header{margin:0 0 1.1rem}.cpp-volume-tool__eyebrow{margin:0 0 .25rem;color:var(--vc-pink);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cpp-volume-tool__title{margin:0 0 .35rem;font-size:clamp(1.35rem,2.6vw,1.8rem);line-height:1.2;font-weight:800}.cpp-volume-tool__intro{margin:0;color:var(--vc-muted);line-height:1.55}.cpp-vc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.25rem 1.5rem;align-items:start}.cpp-vc__modes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.cpp-vc input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.cpp-vc__mode span,.cpp-vc__choice>span{display:flex;flex-direction:column;gap:.15rem;min-height:56px;height:100%;padding:.75rem .9rem;border:2px solid var(--vc-line);border-radius:9px;background:#fff;cursor:pointer;line-height:1.3}.cpp-vc__mode small,.cpp-vc__choice small{color:var(--vc-muted);font-size:.85rem}.cpp-vc__mode input:checked+span{border-color:var(--vc-ink);background:var(--vc-ink);color:#fff}.cpp-vc__mode input:checked+span small{color:#d5dbe6}.cpp-vc__choice input:checked+span{border-color:var(--vc-cyan);background:var(--vc-mint);box-shadow:inset 0 0 0 1px var(--vc-cyan)}.cpp-vc input:focus-visible+span{outline:3px solid var(--vc-cyan);outline-offset:2px}.cpp-vc__form{display:grid;gap:1rem}.cpp-vc__form[hidden]{display:none}.cpp-vc__set{margin:0;padding:0;border:0;min-width:0}.cpp-vc__set>legend,.cpp-vc__optional>summary{margin:0 0 .5rem;padding:0;font-weight:800;font-size:1rem}.cpp-vc__optional>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.35rem}.cpp-vc__optional>summary{list-style:none}.cpp-vc__optional>summary::-webkit-details-marker{display:none}.cpp-vc__optional>summary:before,.cpp-vc__assume summary:before{content:"+";display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border:2px solid currentColor;border-radius:50%;font-size:.95rem;line-height:1;margin-right:.15rem}.cpp-vc__optional[open]>summary:before,.cpp-vc__assume[open] summary:before{content:"\2212"}.cpp-vc__assume summary{list-style:none;gap:.35rem}.cpp-vc__assume summary::-webkit-details-marker{display:none}.cpp-vc__optional>summary em,.cpp-vc__field em{font-style:normal;color:var(--vc-muted);font-weight:600}.cpp-vc__choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.cpp-vc__pills{display:inline-flex;margin:.25rem 0 .75rem;padding:3px;border:1px solid var(--vc-line);border-radius:999px;background:var(--vc-soft)}.cpp-vc__pill span{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border-radius:999px;cursor:pointer;font-weight:700;font-size:.92rem}.cpp-vc__pill input:checked+span{background:var(--vc-ink);color:#fff}.cpp-vc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;align-items:end}.cpp-vc__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-vc__field{display:grid;gap:.3rem;min-width:0;font-weight:700;font-size:.92rem}.cpp-vc__field--wide{margin-bottom:.4rem}.cpp-vc__field[hidden],.cpp-vc__hint[hidden]{display:none}.cpp-vc__input{display:flex;align-items:center;border:2px solid var(--vc-line);border-radius:8px;background:#fff}.cpp-vc__input:focus-within{border-color:var(--vc-cyan)}.cpp-vc__input input{flex:1;width:100%;min-width:0;min-height:46px;padding:0 .7rem;border:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--vc-ink)}.cpp-vc__input input:focus{outline:none}.cpp-vc__input em{padding:0 .6rem 0 0;color:var(--vc-muted);font-style:normal;font-size:.9rem}.cpp-vc select{width:100%;min-height:46px;padding:0 .6rem;border:2px solid var(--vc-line);border-radius:8px;background:#fff;font:inherit;color:var(--vc-ink)}.cpp-vc select:focus{outline:none;border-color:var(--vc-cyan)}.cpp-vc__hint{margin:.35rem 0 0;color:var(--vc-muted);font-size:.86rem;line-height:1.45}.cpp-vc__basis{display:grid;gap:.35rem;margin-top:.75rem}.cpp-vc__radio span{position:relative;display:flex;align-items:center;gap:.35rem;min-height:44px;padding-left:2rem;cursor:pointer;font-weight:700;font-size:.92rem}.cpp-vc__radio span small{color:var(--vc-muted);font-weight:500}.cpp-vc__radio span:before{content:"";position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;border:2px solid var(--vc-muted);border-radius:50%;background:#fff}.cpp-vc__radio input:checked+span:before{border-color:var(--vc-cyan);box-shadow:inset 0 0 0 5px #fff;background:var(--vc-cyan)}.cpp-vc__actions{display:flex;flex-wrap:wrap;gap:.6rem}.cpp-vc__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.15rem;border:2px solid var(--vc-ink);border-radius:7px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;line-height:1.2;text-align:center}.cpp-vc__btn--primary{background:var(--vc-pink);border-color:var(--vc-pink);color:#fff!important}.cpp-vc__btn--primary:hover{background:#a80d56;border-color:#a80d56}.cpp-vc__btn--ghost{background:#fff;color:var(--vc-ink)}.cpp-vc__btn--ghost:hover{background:var(--vc-mint)}.cpp-vc__btn:focus-visible{outline:3px solid var(--vc-cyan);outline-offset:3px}.cpp-vc__results{position:sticky;top:1rem;min-height:12rem;padding:1.1rem;border-radius:10px;background:var(--vc-soft);border:1px solid var(--vc-line)}.cpp-vc__results:focus{outline:none}.cpp-vc__empty p{margin:0;color:var(--vc-muted);line-height:1.5}.cpp-vc__empty strong{display:block;color:var(--vc-ink);margin-bottom:.25rem}.cpp-vc__eyebrow{display:block;color:var(--vc-muted);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cpp-vc__big{margin:.2rem 0 0;font-size:clamp(2rem,5vw,2.6rem);font-weight:800;line-height:1.1}.cpp-vc__mid{margin:.25rem 0 0;font-size:1.15rem;font-weight:800;line-height:1.3}.cpp-vc__range{margin:.35rem 0 0;color:var(--vc-muted)}.cpp-vc__range strong{color:var(--vc-ink)}.cpp-vc__conv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:1rem 0 0}.cpp-vc__conv div{padding:.55rem .5rem;border:1px solid var(--vc-line);border-radius:8px;background:#fff;text-align:center}.cpp-vc__conv dt{color:var(--vc-muted);font-size:.74rem;font-weight:700}.cpp-vc__conv dd{margin:.15rem 0 0;font-weight:800;font-size:1.05rem}.cpp-vc__weight{margin-top:.8rem;padding:.75rem .85rem;border-left:4px solid var(--vc-yellow);border-radius:0 8px 8px 0;background:#fff}.cpp-vc__weight strong{display:block;font-size:1.25rem}.cpp-vc__weight span:last-child{color:var(--vc-muted);font-size:.9rem}.cpp-vc__assume{margin-top:.8rem;font-size:.88rem}.cpp-vc__assume summary{cursor:pointer;font-weight:700;min-height:36px;display:flex;align-items:center}.cpp-vc__assume ul{margin:.3rem 0 0;padding-left:1.1rem;color:var(--vc-muted);line-height:1.45}.cpp-vc__next{margin:.8rem 0;font-size:.9rem;line-height:1.5;color:var(--vc-muted)}.cpp-vc__next strong{color:var(--vc-ink)}.cpp-vc__actions--result .cpp-vc__btn{min-height:44px;font-size:.92rem}.cpp-vc__fits{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.5rem}.cpp-vc__fit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;padding:.7rem .8rem;border:1px solid var(--vc-line);border-radius:8px;background:#fff}.cpp-vc__fit--best{border:2px solid var(--vc-ink)}.cpp-vc__fit div{display:grid;gap:.15rem}.cpp-vc__fit div:last-child{text-align:right}.cpp-vc__fit span{color:var(--vc-muted);font-size:.86rem}.cpp-vc__tag{justify-self:end;display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.76rem!important;font-weight:800}.cpp-vc__tag--ok{background:var(--vc-ok-bg);color:var(--vc-ok)!important}.cpp-vc__tag--tight{background:var(--vc-warn-bg);color:var(--vc-warn)!important}.cpp-vc__error{padding:.8rem .9rem;border-left:4px solid var(--vc-pink);border-radius:0 8px 8px 0;background:var(--vc-pink-soft)}.cpp-vc__error p{margin:.25rem 0 0}@media(max-width:820px){.cpp-vc{grid-template-columns:1fr}.cpp-vc__results{position:static}}@media(max-width:520px){.cpp-volume-tool{box-shadow:5px 5px 0 var(--vc-cyan)}.cpp-vc__results{min-height:0}.cpp-vc__conv{grid-template-columns:1fr 1fr}.cpp-vc__mode small,.cpp-vc__choice small{font-size:.8rem}.cpp-vc__fit div:last-child{text-align:left}.cpp-vc__tag{justify-self:start}}@media(prefers-reduced-motion:reduce){.cpp-vc *{scroll-behavior:auto!important;transition:none!important}}.cpp-volume-tool{scroll-margin-top:100px}.cpp-vc [hidden]{display:none!important}.cpp-vc__radio span{flex-wrap:wrap}.cpp-vc__fit{min-width:0}.cpp-vc__next{overflow-wrap:anywhere}body:has([data-cpp-volume-guide]) .article-heading h1{font-size:clamp(28px,4vw,44px);line-height:1.15}body:has([data-cpp-volume-guide]) .article-heading{margin-bottom:24px}.cpp-volume-tool{margin-bottom:32px}body:has([data-cpp-volume-guide]) .article-featured-image{margin-top:32px}@media(max-width:520px){body:has([data-cpp-volume-guide]) .article-heading h1{font-size:28px}.cpp-volume-tool__title{font-size:24px!important}.cpp-volume-tool__intro{font-size:15px}.cpp-volume-tool{padding:16px}}.cpp-vc__choice>span{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.cpp-vc__format-icon{display:block;width:44px;height:52px;flex-shrink:0}.cpp-vc__choice-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.cpp-vc__choice-copy strong{line-height:1.3}@media(max-width:520px){.cpp-vc__choice>span{grid-template-columns:1fr;align-items:start;gap:8px}.cpp-vc__format-icon{width:36px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cpp-pouch-volume-calculator-v2-20261013.css.map */