.b2b-depot{margin:1.5rem 0 2rem;font-family:var(--font-body-family, inherit)}.b2b-depot__heading{font-size:1.4rem;font-weight:600;margin:0 0 .6rem;letter-spacing:.02em;color:rgb(var(--color-base-text, 0 0 0));display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.b2b-depot__heading-value{font-weight:400;font-size:1.3rem;opacity:.85}.b2b-depot__colors{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;padding-top:1.6rem;overflow:visible}.b2b-depot{overflow:visible}.b2b-depot__color{position:relative;width:5.4rem;background:transparent;border:none;cursor:pointer;padding:0;display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;transition:transform .15s ease}.b2b-depot__color-dot{width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid rgb(var(--color-border, 200 200 200));display:block;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.b2b-depot__color:hover .b2b-depot__color-dot{transform:scale(1.08)}.b2b-depot__color.selected .b2b-depot__color-dot{border-color:rgb(var(--color-base-text, 0 0 0));box-shadow:0 0 0 2px #fff inset,0 0 0 1px rgb(var(--color-base-text, 0 0 0))}.b2b-depot__color-label{display:block;width:100%;font-size:.95rem;line-height:1.15;text-align:center;color:rgb(var(--color-base-text, 0 0 0));opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b2b-depot__color.selected .b2b-depot__color-label{font-weight:700;opacity:1}.b2b-depot__color-name{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 4px));font-size:1.1rem;white-space:nowrap;color:rgb(var(--color-base-text, 0 0 0));background:rgb(var(--color-base-background-1, 255 255 255));padding:.2rem .7rem;border-radius:.4rem;box-shadow:0 .2rem .6rem #0000001f;opacity:0;pointer-events:none;z-index:9999;transition:opacity .15s ease}.b2b-depot__color:hover .b2b-depot__color-name{opacity:1}.b2b-depot__grid{display:flex;flex-direction:column;gap:.2rem;overflow-x:auto;padding-bottom:.4rem}.b2b-depot__grid--split{flex-direction:row;gap:1.6rem;align-items:flex-start;overflow-x:visible}.b2b-depot__section{display:flex;flex-direction:column;gap:.2rem;flex:1 1 0;min-width:0}@media(max-width:1100px){.b2b-depot__grid--split{flex-direction:column;gap:.4rem}}.b2b-depot__row{display:flex;align-items:stretch;gap:.3rem;min-width:100%}.b2b-depot__row--header{position:sticky;top:0;background:rgb(var(--color-base-background-1, 255 255 255));z-index:2;padding-bottom:.3rem;border-bottom:1px solid rgba(var(--color-border, 200 200 200),.5)}.b2b-depot__cells{display:flex;gap:.3rem;flex:1;min-width:0}.b2b-depot__cell{background:rgb(var(--color-base-background-2, 245 245 245));border:1px solid rgba(var(--color-border, 200 200 200),.45);border-radius:.4rem;flex:1 1 0;min-width:9rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem;color:rgb(var(--color-base-text, 0 0 0));box-sizing:border-box}.b2b-depot__cell--label{flex:0 0 14rem;min-width:14rem;max-width:14rem;width:14rem;text-align:left;align-items:flex-start;justify-content:center;background:transparent;border:none;font-weight:500;font-size:1.25rem;line-height:1.2;white-space:normal;word-break:break-word;padding-left:0}.b2b-depot__cell--size{background:#20304c;color:#fff;font-weight:600;border-color:#20304c;padding:.5rem}.b2b-depot__cell--empty{opacity:.45}.b2b-depot__size{font-size:1.4rem;line-height:1.1}.b2b-depot__price{font-size:1.1rem;opacity:.9;margin-top:.15rem;line-height:1.1}.b2b-depot__stock{font-size:1.05rem;opacity:.75;margin-bottom:.25rem;line-height:1.1}.b2b-depot__qty-stepper{display:flex;align-items:stretch;width:100%;max-width:100%;border:1px solid rgb(var(--color-border, 200 200 200));border-radius:.5rem;overflow:hidden;background:rgb(var(--color-base-background-1, 255 255 255));transition:border-color .15s ease,box-shadow .15s ease}.b2b-depot__qty-stepper:focus-within{border-color:rgba(var(--color-base-text, 0 0 0),.5);box-shadow:0 0 0 2px rgba(var(--color-base-text, 0 0 0),.08)}.b2b-depot__qty-stepper--disabled,.b2b-depot__qty-stepper:has(.b2b-depot__qty[disabled]){opacity:.55}.b2b-depot__qty-btn{flex:0 0 2.6rem;border:none;background:rgb(var(--color-base-background-2, 245 245 245));color:rgb(var(--color-base-text, 0 0 0));font-size:1.7rem;font-weight:700;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease}.b2b-depot__qty-btn:hover{background:rgba(var(--color-base-text, 0 0 0),.08)}.b2b-depot__qty-btn:active{background:rgba(var(--color-base-text, 0 0 0),.16)}.b2b-depot__qty-btn:disabled{cursor:not-allowed;background:rgb(var(--color-base-background-2, 245 245 245))}.b2b-depot__qty-btn--minus{border-right:1px solid rgba(var(--color-border, 200 200 200),.6)}.b2b-depot__qty-btn--plus{border-left:1px solid rgba(var(--color-border, 200 200 200),.6)}.b2b-depot__qty{flex:1 1 auto;width:auto;min-width:0;max-width:none;height:3.4rem;border:none;border-radius:0;text-align:center;font-size:1.4rem;font-weight:600;background:transparent;color:rgb(var(--color-base-text, 17 17 17));padding:0;-moz-appearance:textfield}.b2b-depot__qty::-webkit-inner-spin-button,.b2b-depot__qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.b2b-depot__qty[disabled]{background:transparent;color:rgba(var(--color-base-text, 153 153 153),.5)}.b2b-depot__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.8rem;align-items:center}.b2b-depot__add{min-width:22rem;height:4.6rem;font-size:1.4rem;padding:0 2.4rem}.b2b-depot__msg{font-size:1.2rem;color:rgb(var(--color-base-text, 0 0 0));opacity:.85}.b2b-depot__msg.is-success{color:#28a745;opacity:1}.b2b-depot__empty{margin:1rem 0;padding:1rem;background:rgb(var(--color-base-background-2, 245 245 245));border-radius:.6rem;font-size:1.2rem}@media(max-width:740px){.b2b-depot__cell--label{flex:0 0 9rem;width:9rem;min-width:9rem;max-width:9rem;font-size:1rem}.b2b-depot__cell{min-width:7.2rem;font-size:1rem;padding:.3rem .35rem}.b2b-depot__cell--size{min-width:7.2rem;padding:.35rem}.b2b-depot__qty{height:2.8rem;font-size:1.2rem}.b2b-depot__qty-btn{flex-basis:2.2rem;font-size:1.5rem}.b2b-depot__add{min-width:18rem;height:4.2rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/b2b-pdp-depot.css.map */