.dimension-picker{margin-bottom:2rem}.dimension-picker__section{margin-bottom:1.5rem}.dimension-picker__heading{font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.dimension-picker__size-label{font-size:1.2rem;text-transform:uppercase;margin-bottom:.5rem}.dimension-picker__size-dropdown{position:relative;width:100px}.dimension-picker__current-value{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;cursor:pointer;position:relative;font-size:1.6rem;font-weight:500;color:#f77f00}.dimension-picker__controls{position:absolute;right:0;top:0;height:100%;display:flex;flex-direction:column}.dimension-picker__control-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2rem;background:none;border:none;cursor:pointer;padding:0}.dimension-picker__dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;z-index:10;max-height:200px;overflow-y:auto;display:none;box-shadow:0 2px 5px #0000001a}.dimension-picker__dropdown.active{display:block}.dimension-picker__dropdown-list{padding:.5rem 0}.dimension-picker__dropdown-item{padding:.5rem 1rem;cursor:pointer;text-align:center}.dimension-picker__dropdown-item:hover{background-color:rgba(var(--color-foreground),.05)}.dimension-picker__dropdown-item.selected{background-color:rgba(var(--color-foreground),.1);font-weight:500}.dimension-picker__dropdown-item.disabled{opacity:.5;cursor:not-allowed;color:#999;background-color:#f5f5f5}.dimension-picker__size-inputs{display:flex;align-items:center;gap:.5rem}.dimension-unit{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.dimension-picker__size-input,.dimension-picker__thickness-input{position:relative;display:inline-flex;align-items:center}.dimension-input{width:5rem;height:4rem;text-align:center;font-size:1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;padding-right:2.5rem}.dimension-unit{position:absolute;right:.8rem;font-size:1.2rem;color:rgba(var(--color-foreground),.7);pointer-events:none}.dimension-separator{font-size:1.6rem;font-weight:500;padding:0 .5rem}.dimension-picker__color-grid{display:flex;flex-wrap:wrap;gap:.8rem}.dimension-picker__color-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.5rem;border:2px solid transparent;border-radius:.4rem}.dimension-picker__color-option.selected{border-color:rgba(var(--color-foreground),.5)}.dimension-picker__color-swatch{width:3rem;height:3rem;border-radius:50%;margin-bottom:.5rem;border:1px solid rgba(var(--color-foreground),.1)}.dimension-picker__color-label{font-size:1.2rem;text-align:center}.dimension-picker__adhesive-option{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.dimension-picker__checkbox{width:1.8rem;height:1.8rem}.dimension-picker__quantity{display:flex;align-items:center;gap:1rem}.dimension-picker__quantity-label{font-size:1.4rem}.dimension-picker__quantity-selector{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem}.dimension-picker__quantity-btn{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.8rem;cursor:pointer}.dimension-picker__quantity-input{width:3rem;height:3rem;text-align:center;border:none;font-size:1.4rem}.dimension-picker__surface-area{display:flex;align-items:center;gap:1rem;margin-top:1rem}.dimension-picker__surface-label{font-size:1.4rem}.dimension-picker__surface-value{position:relative;font-size:1.4rem;font-weight:600;padding-right:2.5rem}.dimension-picker__predefined-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1rem}.dimension-picker__predefined-option{padding:.8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;text-align:center;cursor:pointer;font-size:1.2rem;transition:background-color .2s ease}.dimension-picker__predefined-option:hover{background-color:rgba(var(--color-foreground),.05)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-dimension-picker.css.map */