.order-pad{--pad-rule: rgba(var(--color-foreground), .14)}.order-pad__head{display:grid;gap:2.4rem;align-items:end;padding-bottom:2.4rem;border-bottom:.2rem solid var(--trade-red)}@media screen and (min-width:990px){.order-pad__head{grid-template-columns:minmax(0,1fr) minmax(0,34rem);gap:4rem}}.order-pad__title{margin:0;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(2.8rem,5vw,4.4rem)}.order-pad__intro{margin:1.2rem 0 0;max-width:54ch;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.78)}.order-pad__intro>:first-child{margin-top:0}.order-pad__intro>:last-child{margin-bottom:0}.order-pad__find-label{display:block;margin-bottom:.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.order-pad__find-input{width:100%;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.6rem}.order-pad__count{margin:.6rem 0 0;min-height:1.8rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.order-pad__lists{margin-top:2.4rem}.order-pad__lists-title{margin:0 0 1rem;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.6)}.order-pad__list-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.order-pad__chip-item{display:flex;align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.25)}.order-pad__chip-load,.order-pad__chip-drop{border:0;background:none;color:inherit;font-family:inherit;font-size:1.4rem;cursor:pointer;padding:.6rem 1rem}.order-pad__chip-load:hover{background-color:rgba(var(--color-foreground),.06)}.order-pad__chip-drop{padding-inline:.8rem;border-left:.1rem solid rgba(var(--color-foreground),.18);color:rgba(var(--color-foreground),.55)}.order-pad__chip-drop:hover{color:var(--trade-red)}.order-pad__table{width:100%;margin-top:3.2rem;border-collapse:collapse;font-size:1.5rem}.order-pad__table th{text-align:left;font-weight:600}.order-pad__table thead th{padding:0 1.6rem 1rem 0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.55);border-bottom:.1rem solid var(--pad-rule)}.order-pad__group-head th{padding:2.4rem 0 .8rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.7)}.order-pad__group-head a{color:inherit;text-decoration:none}.order-pad__group-head a:hover{text-decoration:underline;text-underline-offset:.3rem}.order-pad__row td{padding:1rem 1.6rem 1rem 0;border-bottom:.1rem solid var(--pad-rule);vertical-align:middle}.order-pad__row--out td{color:rgba(var(--color-foreground),.45)}.order-pad__col-item{width:42%}.order-pad__col-price,.order-pad__col-total{white-space:nowrap}.order-pad__col-total{text-align:right;padding-right:0!important;font-variant-numeric:tabular-nums}.order-pad__col-code{font-size:1.3rem;color:rgba(var(--color-foreground),.65);white-space:nowrap}.order-pad__chip{display:inline-block;width:2rem;height:2rem;margin-right:1rem;vertical-align:-.4rem;background-color:var(--chip);border:.1rem solid rgba(var(--color-foreground),.15)}.order-pad__name a{color:inherit}.order-pad__rule{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.order-pad__qty{width:7rem;padding:.6rem .8rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.5rem;text-align:right;font-variant-numeric:tabular-nums}.order-pad__qty.is-set{border-color:rgb(var(--color-foreground));border-width:.2rem}.order-pad__unavailable{font-size:1.3rem}.order-pad__empty,.order-pad__notice,.order-pad__error{margin:2.4rem 0 0;padding:1.4rem 1.8rem;border-left:.3rem solid var(--trade-red);background-color:rgba(var(--color-foreground),.04);max-width:60ch}.order-pad__bar{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-top:2.4rem;padding:1.6rem 0;border-top:.2rem solid var(--trade-red);background-color:rgb(var(--color-background))}.order-pad__tally{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem}.order-pad__tally-lines{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.order-pad__tally-total{font-size:2.2rem;font-weight:600;font-variant-numeric:tabular-nums}.order-pad__save{display:flex;gap:.8rem;margin-top:2.4rem}.order-pad__save-input{width:18rem;padding:.6rem 1rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem}.order-pad__actions{display:flex;align-items:center;gap:1.6rem}.order-pad__clear{border:0;background:none;padding:0;color:rgba(var(--color-foreground),.7);font-family:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.order-pad__clear:hover{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.order-pad__table,.order-pad__table>tbody,.order-pad__group-head,.order-pad__group-head th{display:block}.order-pad__table thead{display:none}.order-pad__row{display:grid;grid-template-columns:1fr auto;gap:.4rem 1.2rem;padding:1.2rem 0;border-bottom:.1rem solid var(--pad-rule)}.order-pad__row td{padding:0;border:0}.order-pad__col-item{grid-column:1 / -1;width:auto}.order-pad__col-code{grid-row:2;grid-column:1 / -1}.order-pad__col-price{grid-row:3;grid-column:1;align-self:center}.order-pad__col-qty{grid-row:3;grid-column:2;justify-self:end}.order-pad__col-total{grid-row:4;grid-column:1 / -1;text-align:left}.order-pad__col-total:empty{display:none}.order-pad__col-code:before,.order-pad__col-total:before{content:attr(data-label) ": ";color:rgba(var(--color-foreground),.55)}.order-pad__save-input{flex:1 1 auto;width:auto}}.order-pad__row[hidden],.order-pad__save[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/trade-order-pad.css.map */