.co-size-tool{--co-size-ink: rgb(var(--color-foreground));--co-size-muted: rgba(var(--color-foreground), .68);--co-size-line: rgba(var(--color-foreground), .14);--co-size-accent: #643157;--co-size-accent-soft: #f7eff5;color:var(--co-size-ink)}.co-size-tool__card{max-width:94rem;margin:0 auto;padding:clamp(2rem,4vw,4rem);border:1px solid var(--co-size-line);border-radius:1.6rem;background:rgb(var(--color-background))}.co-size-tool__intro{max-width:68rem}.co-size-tool__eyebrow{margin:0 0 .8rem;color:var(--co-size-accent);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.co-size-tool__title{margin:0 0 1rem;font-size:clamp(2.4rem,4vw,3.6rem)}.co-size-tool__copy{margin:0;color:var(--co-size-muted)}.co-size-tool__measure-note{display:grid;gap:.4rem;margin:2rem 0;padding:1.4rem 1.6rem;border-left:.3rem solid var(--co-size-accent);background:var(--co-size-accent-soft)}.co-size-tool__measure-note span{color:var(--co-size-muted)}.co-size-tool__unit-switch{display:inline-flex;gap:.4rem;padding:.4rem;border:1px solid var(--co-size-line);border-radius:999px;background:rgba(var(--color-foreground),.035)}.co-size-tool__unit{min-height:4.4rem;padding:.6rem 1.4rem;border:0;border-radius:999px;color:var(--co-size-muted);background:transparent;font:inherit;font-weight:600;cursor:pointer}.co-size-tool__unit.is-active{color:#fff;background:var(--co-size-accent)}.co-size-tool__unit:focus-visible,.co-size-tool__submit:focus-visible,.co-size-tool__reset:focus-visible,.co-size-tool input:focus-visible{outline:.2rem solid var(--co-size-accent);outline-offset:.2rem}.co-size-tool__form{margin-top:2rem}.co-size-tool__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.co-size-tool__field{display:grid;gap:.7rem;font-weight:650}.co-size-tool__field em,.co-size-tool__field small{margin-left:.5rem;color:var(--co-size-muted);font-size:1.1rem;font-style:normal;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.co-size-tool__input-wrap{position:relative;display:block}.co-size-tool input{width:100%;min-height:4.8rem;padding:1rem 5rem 1rem 1.3rem;border:1px solid var(--co-size-line);border-radius:.9rem;color:var(--co-size-ink);background:rgb(var(--color-background));font:inherit;font-size:1.6rem}.co-size-tool__input-unit{position:absolute;top:50%;right:1.3rem;color:var(--co-size-muted);transform:translateY(-50%);pointer-events:none}.co-size-tool__optional-note{margin:1rem 0 0;color:var(--co-size-muted);font-size:1.3rem}.co-size-tool__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.co-size-tool__submit,.co-size-tool__reset{min-height:4.6rem;padding:.9rem 2rem;border-radius:.8rem;font:inherit;font-weight:700;cursor:pointer}.co-size-tool__submit{border:1px solid var(--co-size-accent);color:#fff;background:var(--co-size-accent)}.co-size-tool__reset{border:1px solid var(--co-size-line);color:var(--co-size-ink);background:transparent}.co-size-tool__result{margin-top:2rem;padding:1.8rem;border:1px solid var(--co-size-line);border-radius:1.2rem;background:rgba(var(--color-foreground),.025)}.co-size-tool__result[data-state=success]{border-color:#04785759;background:#f0fdf8}.co-size-tool__result[data-state=warning]{border-color:#b4530961;background:#fffbeb}.co-size-tool__result h3{margin:0 0 .6rem;font-size:1.8rem}.co-size-tool__result-size{display:inline-block;margin-left:.35rem;color:var(--co-size-accent);font-size:2.8rem}.co-size-tool__result p{margin:.5rem 0 0}.co-size-tool__privacy,.co-size-tool__disclaimer{color:var(--co-size-muted);font-size:1.2rem}.co-size-tool__privacy{margin:1.6rem 0 .4rem}.co-size-tool__disclaimer{margin:0}@media screen and (max-width:749px){.co-size-tool__fields{grid-template-columns:1fr}.co-size-tool__submit,.co-size-tool__reset{flex:1 1 14rem}}@media(prefers-reduced-motion:reduce){.co-size-tool *{scroll-behavior:auto!important}}.co-size-tool--inline{margin:1.2rem 0}.co-size-tool--inline .co-size-tool__details{border:1px solid var(--co-size-line);border-radius:1rem;background:rgb(var(--color-background))}.co-size-tool--inline .co-size-tool__details>summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.6rem;cursor:pointer;list-style:none}.co-size-tool--inline .co-size-tool__details>summary::-webkit-details-marker{display:none}.co-size-tool--inline .co-size-tool__details>summary span:first-child{display:grid;gap:.25rem}.co-size-tool--inline .co-size-tool__details>summary strong{color:var(--co-size-ink)}.co-size-tool--inline .co-size-tool__details>summary small{color:var(--co-size-muted);font-size:1.2rem}.co-size-tool__chevron{width:.9rem;height:.9rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.co-size-tool__details[open] .co-size-tool__chevron{transform:rotate(225deg)}.co-size-tool--inline .co-size-tool__inline-body{padding:0 1.6rem 1.6rem;border-top:1px solid var(--co-size-line)}.co-size-tool--inline .co-size-tool__inline-copy{margin:1.4rem 0;color:var(--co-size-muted);font-size:1.3rem}.co-size-tool--inline .co-size-tool__fields{grid-template-columns:1fr;gap:1rem}.co-size-tool--inline .co-size-tool__form,.co-size-tool--inline .co-size-tool__actions{margin-top:1.4rem}.co-size-tool--inline .co-size-tool__submit,.co-size-tool--inline .co-size-tool__reset{min-height:4.4rem;padding:.7rem 1.4rem}.co-size-tool--inline .co-size-tool__result{margin-top:1.4rem;padding:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/co-binder-size.css.map */