.ch-dec__inner--full{padding-left:2rem;padding-right:2rem}@media screen and (min-width:750px){.ch-dec__inner--full{padding-left:clamp(4rem,6vw,9rem);padding-right:clamp(4rem,6vw,9rem)}}.ch-dec__head{max-width:68rem;margin-bottom:clamp(2.4rem,4vw,3.6rem)}.ch-dec__heading{margin:0;font-size:calc(clamp(2.6rem,3.4vw,4.4rem) * var(--ch-h-scale, 1));font-weight:800;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;color:var(--ch-heading-color, inherit)}.ch-dec__intro{margin-top:1.4rem;font-size:calc(clamp(1.5rem,.4vw + 1.4rem,1.75rem) * var(--ch-t-scale, 1));line-height:1.65;color:var(--ch-text-color, var(--ch-muted))}.ch-dec__box{max-width:var(--ch-dec-maxw, 100%);border:1px solid rgba(var(--color-foreground),.18);padding:clamp(1.8rem,3vw,3.2rem)}.ch-dec__form{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}.ch-dec__label{font-size:1.25rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ch-text-color, var(--ch-muted))}.ch-dec__input{flex:0 1 16rem;padding:1.1rem 1.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.32);border-radius:0;font-family:inherit;font-size:2.2rem;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums}.ch-dec__input:focus{outline:none;border-color:var(--ch-accent)}.ch-dec__input::placeholder{color:rgba(var(--color-foreground),.3);font-weight:600}.ch-dec__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.6rem}.ch-dec__chips-label{font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.45);margin-right:.4rem}.ch-dec__chip{padding:.6rem 1.1rem;background:transparent;border:1px solid rgba(var(--color-foreground),.22);border-radius:0;color:inherit;font:inherit;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.ch-dec__chip:hover{border-color:var(--ch-accent);color:var(--ch-accent)}.ch-dec__chip.is-on{background:var(--ch-accent);border-color:var(--ch-accent);color:#fff}.ch-dec__chip:focus-visible{outline:2px solid var(--ch-accent);outline-offset:3px}.ch-dec__out{margin-top:clamp(2rem,3vw,3rem);padding-top:clamp(1.8rem,2.5vw,2.6rem);border-top:2px solid rgb(var(--color-foreground));min-height:12rem}.ch-dec__hint,.ch-dec__err{margin:0;font-size:calc(1.5rem * var(--ch-t-scale, 1));line-height:1.6}.ch-dec__hint{color:rgba(var(--color-foreground),.5)}.ch-dec__err{color:var(--ch-accent);font-weight:700}.ch-dec__code{display:flex;align-items:baseline;gap:.4rem;font-size:clamp(4.4rem,9vw,8rem);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:clamp(2rem,3vw,3rem)}.ch-dec__seg--level{color:rgb(var(--color-foreground))}.ch-dec__seg--tone1{color:var(--ch-accent)}.ch-dec__seg--tone2{color:var(--ch-accent);opacity:.55}.ch-dec__slash{color:rgba(var(--color-foreground),.25);font-weight:400}.ch-dec__parts{display:grid;gap:0;border-top:1px solid rgba(var(--color-foreground),.14)}.ch-dec__part{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:1.4rem;align-items:start;padding:clamp(1.4rem,2vw,1.8rem) 0;border-bottom:1px solid rgba(var(--color-foreground),.14);animation:ch-dec-in .35s cubic-bezier(.16,1,.3,1) both}.ch-dec__part-key{font-size:2.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--ch-accent);text-align:center}.ch-dec__part--level .ch-dec__part-key{color:rgb(var(--color-foreground))}.ch-dec__part-body{display:block;min-width:0}.ch-dec__part-label{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.45);margin-bottom:.4rem}.ch-dec__part-name{display:block;font-size:calc(clamp(1.7rem,1.2vw,2rem) * var(--ch-t-scale, 1));font-weight:800;line-height:1.25;color:var(--ch-heading-color, inherit)}.ch-dec__part-note{display:block;margin-top:.4rem;font-size:calc(1.45rem * var(--ch-t-scale, 1));line-height:1.55;color:var(--ch-text-color, var(--ch-muted))}@keyframes ch-dec-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ch-dec__part{animation:none}.ch-dec__chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-ch-decoder.css.map */