.shred-size-finder{color:rgb(var(--color-foreground))}.shred-size-finder__shell{background:#f7f9ff;border:.2rem solid var(--hd-bg-dark, #000000);box-shadow:.6rem .6rem 0 var(--hd-teal, #00ffbf);color:var(--hd-fg-dark, #000000);display:grid;gap:2.4rem;padding:clamp(2rem,4vw,4rem)}.shred-size-finder__eyebrow{color:var(--hd-pink, #ff006c);font-family:ROG,sans-serif;font-size:1.2rem;letter-spacing:0;margin:0 0 .8rem;text-transform:uppercase}.shred-size-finder__heading{color:var(--hd-bg-dark, #000000);font-family:ROG,sans-serif;font-size:clamp(2.4rem,4vw,4.8rem);line-height:1;margin:0}.shred-size-finder__text{color:var(--hd-bg-dark, #000000);max-width:72rem}.shred-size-finder__text p{margin-bottom:0}.shred-size-finder__workspace{display:grid;gap:2rem}.shred-size-finder__form,.shred-size-finder__result,.shred-size-finder__chart{background:var(--hd-bg-light, #ffffff);border:.2rem solid var(--hd-bg-dark, #000000);box-shadow:.35rem .35rem 0 var(--hd-bg-dark, #000000)}.shred-size-finder__form,.shred-size-finder__result{padding:1.6rem}.shred-size-finder__fields{display:grid;gap:1.2rem}.shred-size-finder__field{display:grid;gap:.6rem}.shred-size-finder__field span,.shred-size-finder__choices legend{color:var(--hd-bg-dark, #000000);font-weight:700}.shred-size-finder__field input{background:#fff;border:.2rem solid var(--hd-bg-dark, #000000);color:var(--hd-bg-dark, #000000);font:inherit;min-height:4.4rem;padding:.8rem 1rem;width:100%}.shred-size-finder__field input:focus{outline:.2rem solid var(--hd-pink, #ff006c);outline-offset:.2rem}.shred-size-finder__choices{border:0;display:flex;flex-wrap:wrap;gap:1rem 1.6rem;margin:1.6rem 0 2rem;padding:0}.shred-size-finder__form .shred-size-finder__choices:first-child{margin-top:0}.shred-size-finder__choices legend{flex-basis:100%;margin-bottom:.2rem}.shred-size-finder__choices label{align-items:center;cursor:pointer;display:inline-flex;gap:.6rem}.shred-size-finder__choices input{accent-color:var(--hd-pink, #ff006c);min-height:1.8rem;min-width:1.8rem}.shred-size-finder .cta-image-banner{align-items:center;justify-content:center;min-height:5.2rem;width:auto}.shred-size-finder__submit,.shred-size-finder__select{margin-top:.4rem}.shred-size-finder__select--fallback{font-size:1.4rem}.shred-size-finder__result[hidden],.shred-size-finder__select[hidden]{display:none}.shred-size-finder__result{border-color:var(--hd-pink, #ff006c);box-shadow:.35rem .35rem 0 var(--hd-pink, #ff006c)}.shred-size-finder__result-kicker{color:var(--hd-pink, #ff006c);font-family:ROG,sans-serif;font-size:1.1rem;margin:0 0 .6rem;text-transform:uppercase}.shred-size-finder__result-size{color:var(--hd-bg-dark, #000000);font-family:ROG,sans-serif;font-size:clamp(2.4rem,5vw,4rem);line-height:1;margin:0 0 1rem}.shred-size-finder__result-copy{color:var(--hd-bg-dark, #000000);margin:0 0 1.2rem}.shred-size-finder__result-details{color:var(--hd-bg-dark, #000000);display:grid;gap:.6rem;margin:0 0 1.6rem;padding-left:1.8rem}.shred-size-finder__select-status{color:var(--hd-bg-dark, #000000);font-size:1.3rem;margin:1rem 0 0}.shred-size-finder__chart{overflow:hidden}.shred-size-finder__chart summary{color:var(--hd-bg-dark, #000000);cursor:pointer;font-family:ROG,sans-serif;padding:1.4rem 1.6rem}.shred-size-finder__chart-body{border-top:.2rem solid var(--hd-bg-dark, #000000);padding:1.6rem}.shred-size-finder__measure-note{color:var(--hd-bg-dark, #000000);margin:0 0 1rem}.shred-size-finder__table-wrap{overflow-x:auto}.shred-size-finder__table{border-collapse:collapse;color:var(--hd-bg-dark, #000000);min-width:72rem;width:100%}.shred-size-finder__table th,.shred-size-finder__table td{border:.2rem solid var(--hd-bg-dark, #000000);padding:.9rem;text-align:left;vertical-align:top}.shred-size-finder__table th{background:var(--hd-yellow, #eeff00);font-weight:700}@media screen and (min-width:750px){.shred-size-finder__workspace{align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(28rem,.9fr)}.shred-size-finder__fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.shred-size-finder__shell{box-shadow:.35rem .35rem 0 var(--hd-teal, #00ffbf)}.shred-size-finder .cta-image-banner{padding-left:2rem;padding-right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shred-suit-size-finder.css.map */