.cart-sample-selector{padding-left:var(--main-padding);padding-right:var(--main-padding);padding-bottom:var(--main-padding);border-bottom:1px solid rgb(var(--color-border));margin-bottom:1.6rem;width:100%;box-sizing:border-box}.drawer__contents .cart-sample-selector{margin-top:0;margin-bottom:0;border-top:none;border-bottom:1px solid rgb(var(--color-border))}.cart-sample-selector__header{margin-bottom:1.6rem}.cart-sample-selector__title{margin:0 0 .8rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground-title));line-height:1.3}.cart-sample-selector__counter{font-size:1.2rem;color:rgb(var(--color-foreground));opacity:.7}.cart-sample-selector__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}.cart-sample-selector__slot{min-height:8rem;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;height:100%;min-height:8rem;padding:1.2rem;border:1px dashed rgb(var(--color-border));border-radius:.8rem;background-color:rgb(var(--color-background-2));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(--color-foreground));background-color:rgba(var(--color-foreground),.02);outline:none}.cart-sample-selector__placeholder-text{font-size:1.2rem;color:rgb(var(--color-foreground));text-align:center;margin-bottom:.8rem;opacity:.7}.cart-sample-selector__add-button{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-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{background-color:rgb(var(--color-foreground-title))}.cart-sample-selector__add-button:hover{background-color:rgb(var(--color-foreground-title))}.cart-sample-selector__add-button svg{width:1.2rem;height:1.2rem}.cart-sample-selector__selected-item{display:flex;align-items:center;height:100%;min-height:8rem;padding:1.2rem;border:1px solid rgb(var(--color-border));border-radius:.8rem;background-color:rgb(var(--color-background));position:relative;box-sizing:border-box;width:100%}.cart-sample-selector__item-image{flex-shrink:0;width:4rem;height:4rem;margin-right:1.2rem;border-radius:.4rem;overflow:hidden;background-color:rgb(var(--color-background-2))}.cart-sample-selector__image{width:100%;height:100%;object-fit:cover}.cart-sample-selector__item-details{flex-grow:1;display:flex;flex-direction:column;min-width:0}.cart-sample-selector__item-name{font-size:1.2rem;font-weight:500;color:rgb(var(--color-foreground-title));margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-sample-selector__item-size{font-size:1rem;color:rgb(var(--color-foreground));opacity:.7}.cart-sample-selector__remove-button{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;border:none;background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));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:rgba(var(--color-foreground),.2)}.cart-sample-selector__remove-button svg{width:1rem;height:1rem}.cart-sample-selector__modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column}.cart-sample-selector__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-background));cursor:pointer}.cart-sample-selector__modal-content{position:relative;width:100%;height:100%;background-color:rgb(var(--color-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:var(--main-padding);border-bottom:1px solid rgb(var(--color-border));flex-shrink:0}.cart-sample-selector__modal-title{margin:0;font-size:1.8rem;font-weight:500;color:rgb(var(--color-foreground-title))}.cart-sample-selector__modal-close{width:3.2rem;height:3.2rem;border:none;background-color:transparent;color:rgb(var(--color-foreground));cursor:pointer;border-radius:.4rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cart-sample-selector__modal-close:hover{background-color:rgba(var(--color-foreground),.1)}.cart-sample-selector__modal-close svg{width:1.6rem;height:1.6rem}.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;padding:var(--main-padding);border-bottom:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background));cursor:pointer;transition:background-color .2s ease;min-height:8rem}.cart-sample-selector__sample-item:hover{background-color:rgba(var(--color-foreground),.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(--color-background))}.cart-sample-selector__sample-image{width:6rem;height:6rem;margin-right:1.6rem;border-radius:.6rem;overflow:hidden;background-color:rgb(var(--color-background-2));flex-shrink:0}.cart-sample-selector__sample-image img{width:100%;height:100%;object-fit:cover}.cart-sample-selector__sample-details{flex-grow:1;margin-right:1.2rem}.cart-sample-selector__sample-name{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground-title));margin-bottom:.4rem}.cart-sample-selector__sample-size{font-size:1.2rem;color:rgb(var(--color-foreground));opacity:.7;margin-bottom:.4rem}.cart-sample-selector__sample-description{font-size:1rem;color:rgb(var(--color-foreground));opacity:.6}.cart-sample-selector__sample-add-button{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background-color:transparent;border:1px solid rgb(var(--color-border));color:rgb(var(--color-foreground));border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;pointer-events:none}.cart-sample-selector__sample-add-button:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.cart-sample-selector__sample-add-button svg{width:1.6rem;height:1.6rem}.cart-sample-selector__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.cart-sample-selector__empty-icon{margin-bottom:1.6rem;opacity:.4}.cart-sample-selector__empty-icon svg{width:4rem;height:4rem;color:rgb(var(--color-foreground))}.cart-sample-selector__empty-title{margin:0 0 .8rem;font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground-title))}.cart-sample-selector__empty-description{margin:0;font-size:1.2rem;color:rgb(var(--color-foreground));opacity:.7;max-width:30rem}.cart-drawer .cart-sample-selector{max-width:100%;overflow:hidden}.cart-drawer .cart-sample-selector__grid{max-width:100%}.cart-drawer .cart-sample-selector__slot{max-width:100%;overflow:hidden}@media screen and (max-width: 480px){.cart-sample-selector__grid{grid-template-columns:1fr}.cart-sample-selector__sample-item{min-height:7rem}.cart-sample-selector__sample-image{width:5rem;height:5rem;margin-right:1rem}.cart-sample-selector__sample-add-button{width:2.8rem;height:2.8rem}.cart-sample-selector__sample-add-button svg{width:1.4rem;height:1.4rem}}.cart-sample-selector__change-wrapper{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgb(var(--color-border))}.cart-sample-selector__change-button{background:none;border:none;color:rgb(var(--color-foreground));font-size:1.2rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:.2rem;opacity:.8;transition:opacity .2s ease;font-family:inherit}.cart-sample-selector__change-button:hover{opacity:1}.cart-item__sample-quantity{display:flex;align-items:center;justify-content:center;min-height:4rem;padding:1rem;background:rgb(var(--color-background-secondary));border:1px solid rgb(var(--color-border));border-radius:var(--border-radius)}.cart-item__sample-quantity-label{font-size:1.2rem;color:rgb(var(--color-foreground));font-weight:500;text-align:center;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-cart-sample-selector.css.map */