.cart-sample-selector{width:100%;box-sizing:border-box}.cart-sample-selector__header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cart-sample-selector__title{margin:0;font-size:.875rem;font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color));line-height:1.4;text-transform:none}.cart-sample-selector__counter{font-size:.75rem;color:rgb(var(--text-color) / .6);line-height:1.4}.cart-sample-selector__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;box-sizing:border-box;margin-bottom:1rem}.cart-sample-selector__slot{min-height:7rem;width:100%;box-sizing:border-box}.cart-sample-selector__slot-content{position:relative;height:100%;width:100%;box-sizing:border-box}.cart-sample-selector__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;min-height:7rem;padding:.75rem;border:1px dashed rgb(var(--border-color));background-color:rgb(var(--background));transition:all .2s ease;cursor:pointer;box-sizing:border-box;width:100%}.cart-sample-selector__placeholder:hover,.cart-sample-selector__placeholder:focus{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color) / .02);outline:none}.cart-sample-selector__placeholder-text{font-size:.75rem;color:rgb(var(--text-color));text-align:center;opacity:.6;line-height:1.3}.cart-sample-selector__add-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:rgb(var(--text-color));color:rgb(var(--background));border-radius:50%;transition:all .2s ease;pointer-events:none}.cart-sample-selector__placeholder:hover .cart-sample-selector__add-button,.cart-sample-selector__placeholder:focus .cart-sample-selector__add-button{opacity:.9}.cart-sample-selector__add-button svg{width:1rem;height:1rem}.cart-sample-selector__selected-item{display:flex;align-items:center;height:100%;min-height:7rem;padding:.75rem;border:1px solid rgb(var(--border-color));background-color:rgb(var(--background));position:relative;box-sizing:border-box;width:100%;gap:.75rem}.cart-sample-selector__item-image{flex-shrink:0;width:3rem;height:3rem;overflow:hidden;background-color:rgb(var(--text-color) / .05)}.cart-sample-selector__image{width:100%;height:100%;object-fit:cover}.cart-sample-selector__item-details{flex-grow:1;display:flex;flex-direction:column;gap:.125rem;min-width:0;padding-right:1.5rem}.cart-sample-selector__item-name{font-size:.75rem;font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color));line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-sample-selector__item-size{font-size:.6875rem;color:rgb(var(--text-color) / .6);line-height:1.3}.cart-sample-selector__remove-button{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;border:none;background-color:rgb(var(--text-color) / .1);color:rgb(var(--text-color));border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cart-sample-selector__remove-button:hover{background-color:rgb(var(--text-color) / .2)}.cart-sample-selector__remove-button svg{width:.75rem;height:.75rem}.cart-sample-selector__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column}.cart-sample-selector__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--background) / .9);cursor:pointer}.cart-sample-selector__modal-content{position:relative;width:100%;height:100%;max-width:var(--drawer-max-width, 32rem);margin-left:auto;background-color:rgb(var(--background));overflow:hidden;display:flex;flex-direction:column;z-index:1}.cart-sample-selector__modal-header{display:flex;align-items:center;justify-content:space-between;padding:min(1.25rem,var(--container-gutter));border-bottom:1px solid rgb(var(--border-color));flex-shrink:0}.cart-sample-selector__modal-title{margin:0;font-size:1rem;font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color));line-height:1.4}.cart-sample-selector__modal-close{width:2rem;height:2rem;border:none;background-color:transparent;color:rgb(var(--text-color));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.cart-sample-selector__modal-close:hover{background-color:rgb(var(--text-color) / .05)}.cart-sample-selector__modal-close svg{width:1rem;height:1rem}.cart-sample-selector__modal-body{flex-grow:1;overflow-y:auto;padding:0}.cart-sample-selector__samples-grid{display:flex;flex-direction:column}.cart-sample-selector__sample-item{display:flex;align-items:center;gap:1rem;padding:1rem min(1.25rem,var(--container-gutter));border-bottom:1px solid rgb(var(--border-color));background-color:rgb(var(--background));cursor:pointer;transition:background-color .2s ease;min-height:6rem}.cart-sample-selector__sample-item:hover{background-color:rgb(var(--text-color) / .02)}.cart-sample-selector__sample-item.disabled,.cart-sample-selector__sample-item[data-unavailable]{opacity:.5;cursor:not-allowed}.cart-sample-selector__sample-item.disabled:hover,.cart-sample-selector__sample-item[data-unavailable]:hover{background-color:rgb(var(--background))}.cart-sample-selector__sample-image{width:4rem;height:4rem;overflow:hidden;background-color:rgb(var(--text-color) / .05);flex-shrink:0}.cart-sample-selector__sample-image img{width:100%;height:100%;object-fit:cover}.cart-sample-selector__sample-details{flex-grow:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cart-sample-selector__sample-name{font-size:.875rem;font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color));line-height:1.4}.cart-sample-selector__sample-size{font-size:.75rem;color:rgb(var(--text-color) / .6);line-height:1.3}.cart-sample-selector__sample-description{font-size:.75rem;color:rgb(var(--text-color) / .5);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-sample-selector__sample-add-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:transparent;border:1px solid rgb(var(--border-color));color:rgb(var(--text-color));border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;pointer-events:none}.cart-sample-selector__sample-item:hover .cart-sample-selector__sample-add-button{background-color:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color))}.cart-sample-selector__sample-add-button svg{width:.875rem;height:.875rem}.cart-sample-selector__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1rem}.cart-sample-selector__empty-icon{opacity:.3}.cart-sample-selector__empty-icon svg{width:3rem;height:3rem;color:rgb(var(--text-color))}.cart-sample-selector__empty-title{margin:0;font-size:1rem;font-weight:var(--text-font-medium-weight);color:rgb(var(--text-color));line-height:1.4}.cart-sample-selector__empty-description{margin:0;font-size:.875rem;color:rgb(var(--text-color) / .6);line-height:1.4;max-width:20rem}.cart-sample-selector__change-wrapper{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgb(var(--border-color))}.cart-sample-selector__change-button{background:none;border:none;color:rgb(var(--text-color));font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:.15rem;opacity:.7;transition:opacity .2s ease;font-family:inherit}.cart-sample-selector__change-button:hover{opacity:1}@media screen and (max-width:480px){.cart-sample-selector__grid{grid-template-columns:1fr;gap:.5rem}.cart-sample-selector__slot{min-height:6rem}.cart-sample-selector__placeholder,.cart-sample-selector__selected-item{min-height:6rem;padding:.625rem}.cart-sample-selector__sample-item{min-height:5rem;padding:.75rem min(1rem,var(--container-gutter));gap:.75rem}.cart-sample-selector__sample-image{width:3.5rem;height:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-cart-sample-selector.css.map */