.okc-app{max-width:82rem;margin:0 auto}.okc-breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.okc-breadcrumbs a{color:inherit;text-decoration:none}.okc-breadcrumbs a:hover{text-decoration:underline}.okc-title{margin:0}.okc-intro{margin:.8rem 0 0;color:rgba(var(--color-foreground),.75)}.okc-modes{display:inline-flex;gap:.4rem;margin:2.8rem 0 1.6rem;padding:.4rem;border-radius:var(--buttons-radius-outset);background:rgba(var(--color-foreground),.06)}.okc-mode{font:inherit;font-size:1.4rem;letter-spacing:.06rem;min-width:11rem;padding:.8rem 2rem;border:0;border-radius:var(--buttons-radius);background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short, .1s) ease}.okc-mode.active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.okc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.okc-tab{font:inherit;font-size:1.5rem;letter-spacing:.04rem;text-align:left;min-height:7.6rem;padding:1.4rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--text-boxes-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-short, .1s) ease}.okc-tab:hover{border-color:rgba(var(--color-foreground),.5)}.okc-tab small{display:block;margin-top:.4rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.65)}.okc-tab.active{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.okc-tab.active small{color:rgba(var(--color-button-text),.75)}.okc-panel{margin-top:3.2rem;padding-top:3.2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.okc-heading{margin:0}.okc-panel-intro{margin:.4rem 0 0;color:rgba(var(--color-foreground),.75)}.okc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2rem}.okc-label{display:block;margin-bottom:.6rem;font-size:1.4rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.okc-input{width:100%;height:4.8rem;padding:0 1.5rem;font-family:var(--font-body-family);font-size:1.8rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:var(--inputs-border-width, .1rem) solid rgba(var(--color-foreground),var(--inputs-border-opacity, .55));border-radius:var(--inputs-radius);box-shadow:none;-webkit-appearance:none;appearance:none}.okc-input:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.okc-error{margin:1.6rem 0 0;font-size:1.4rem;color:rgb(var(--color-foreground))}.okc-error:empty{display:none}.okc-error:before{content:"! ";font-weight:700}.okc-result{margin-top:2.4rem;padding:2.4rem;border-radius:var(--text-boxes-radius);background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.08)}.okc-result-label{font-size:1.3rem;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.okc-big{margin:.4rem 0 1.6rem;font-family:var(--font-heading-family);font-size:clamp(2.8rem,6vw,4rem);font-weight:var(--font-heading-weight, 600);line-height:1.2}.okc-line{display:flex;justify-content:space-between;gap:1.6rem;padding:1rem 0;border-top:.1rem solid rgba(var(--color-foreground),.1);font-size:1.5rem}.okc-line span:last-child{text-align:right;font-weight:600}.okc-note{margin:1.6rem 0 0;padding:1.2rem 1.6rem;border-left:.3rem solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.85)}.okc-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}.okc-hidden{display:none}.okc-footer{margin-top:3.2rem;font-size:1.2rem;line-height:1.6;color:rgba(var(--color-foreground),.65)}.okc-footer a{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.okc-modes{display:flex}.okc-mode{flex:1;min-width:0}.okc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.okc-tab{min-height:7.2rem;padding:1.2rem}.okc-fields{grid-template-columns:1fr}.okc-result{padding:1.8rem}.okc-actions .button{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/oleg-karp-calculator.css.map */