.fabric-catalogue-picker{margin:2rem 0}.fabric-picker__step{margin-bottom:2.4rem}.fabric-picker__heading{font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.fabric-picker__pills{display:flex;flex-wrap:nowrap;gap:.8rem}.fabric-picker__pills--wrap{flex-wrap:wrap}.fabric-picker__pill{border:1px solid #b29759;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground));border-radius:var(--variant-pills-radius);color:#b29759;display:inline-block;margin:.7rem .5rem .2rem 0;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.fabric-picker__pill--active{background:#b29759;color:rgb(var(--color-background));border-color:#b29759}.fabric-picker__selected-name{font-size:1.4rem;font-weight:500;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.fabric-picker__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;max-width:100%}@media screen and (min-width: 750px){.fabric-picker__swatches{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.2rem}}.fabric-picker__swatch{position:relative;aspect-ratio:1;width:100%;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:rgba(var(--color-foreground),.05);transition:border-color .2s ease,transform .2s ease}.fabric-picker__swatch:hover{border-color:rgba(var(--color-foreground),.3);transform:scale(1.02)}.fabric-picker__swatch--active{border-color:rgb(var(--color-foreground))}.fabric-picker__swatch--active:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;background:rgb(var(--color-foreground));border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}.fabric-picker__swatch img{width:100%;height:100%;object-fit:cover;display:block}.fabric-picker__swatch-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;font-weight:600;color:rgba(var(--color-foreground),.5);text-transform:uppercase}.fabric-picker__preview{margin-bottom:2.4rem}.fabric-picker__preview-image-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:4/3;background:rgba(var(--color-foreground),.05);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.fabric-picker__preview-image{width:100%;height:100%;object-fit:cover}.fabric-picker__preview-placeholder{font-size:1.4rem;color:rgba(var(--color-foreground),.5);text-align:center;padding:2rem;margin:0}.fabric-picker__quantity{margin-bottom:2.4rem}.fabric-picker__quantity-input{display:flex;align-items:center;gap:0;max-width:150px}.fabric-picker__quantity-input .quantity__button{width:40px;height:40px;border:1px solid #b29759;background:rgb(var(--color-background));cursor:pointer;display:flex;align-items:center;justify-content:center;color:#b29759;transition:none}.fabric-picker__quantity-input .quantity__button:hover,.fabric-picker__quantity-input .quantity__button:focus{background:rgb(var(--color-background));color:#b29759;outline:none;box-shadow:none}.fabric-picker__quantity-input .quantity__button[name=minus]{border-radius:var(--variant-pills-radius) 0 0 var(--variant-pills-radius);border-right:none}.fabric-picker__quantity-input .quantity__button[name=plus]{border-radius:0 var(--variant-pills-radius) var(--variant-pills-radius) 0;border-left:none}.fabric-picker__quantity-input .quantity__input{width:60px;height:40px;text-align:center;border:1px solid #b29759;border-left:none;border-right:none;border-radius:0;background:rgb(var(--color-background));font-size:1.4rem;font-weight:500;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.fabric-picker__quantity-input .quantity__input:hover,.fabric-picker__quantity-input .quantity__input:focus{background:rgb(var(--color-background));outline:none;box-shadow:none}.fabric-picker__quantity-input .quantity__input::-webkit-outer-spin-button,.fabric-picker__quantity-input .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fabric-picker__quantity-input .icon,.fabric-picker__quantity-input svg,.fabric-picker__quantity-input path{pointer-events:none}.fabric-picker__quantity-input .icon{width:12px;height:12px}.fabric-picker__actions{margin-top:2rem}.fabric-picker__submit{background:#b3965a;color:#fff;border:none;border-radius:var(--variant-pills-radius);padding:1.2rem 2.4rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:background .2s ease;position:relative}.fabric-picker__submit:hover{background:#9a7f4a}.fabric-picker__submit.loading .button-text{visibility:hidden}.fabric-picker__submit.loading .loading__spinner{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.4rem;height:2.4rem}.fabric-picker__submit.loading .loading__spinner .spinner{width:2.4rem;height:2.4rem}.fabric-picker__submit.loading .loading__spinner .path{stroke:#fff}.fabric-picker__submit .loading__spinner{display:none}@media screen and (min-width: 750px){.fabric-picker__submit{max-width:250px}}.cart-item__fabric-properties{margin-top:.8rem;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.cart-item__fabric-properties dt{font-weight:500;display:inline}.cart-item__fabric-properties dd{display:inline;margin:0 0 0 .4rem}.cart-item__fabric-properties dd:after{content:"";display:block}.cart-item__fabric-swatch{width:40px;height:40px;border-radius:4px;object-fit:cover;margin-top:.8rem;border:1px solid rgba(var(--color-foreground),.1)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/fabric-catalogue-picker.css.map */