sample-picker-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;align-items:center;justify-content:center;padding:24px;background-color:#0009}sample-picker-modal[open]{display:flex}.sample-picker-modal__dialog{position:relative;display:flex;flex-direction:column;gap:50px;width:100%;max-width:1600px;max-height:90vh;padding:60px 80px;background-color:#fff;border-radius:16px;overflow:hidden}.sample-picker-modal__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#080808;transition:background-color .25s ease}.sample-picker-modal__close:hover{background-color:#0000000d}.sample-picker-modal__close .stack-icon{width:20px;height:20px}.sample-picker-modal__header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sample-picker-modal__title{margin:0;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.03em;color:#080808}.sample-picker-modal__counter{margin:0;font-size:18px;color:#5d5d5d}.sample-picker-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:12px;overflow-y:auto;padding-right:4px;flex:1 1 auto;min-height:0}.sample-card{display:grid;grid-template-columns:auto 1fr 104px;align-items:center;gap:12px;padding:8px 21px 8px 8px;border:1px solid #dadada;border-radius:8px;background-color:#fff;transition:opacity .2s ease}.sample-card.is-selected{background-image:linear-gradient(90deg,#f4ff00,#fbf9f5 63.462%)}.sample-card.is-disabled{background-color:#fbf9f5;opacity:.55;pointer-events:none}.sample-card__media{flex-shrink:0;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #dadada;border-radius:4px;overflow:hidden}.sample-card__image{width:100%;height:100%;object-fit:contain}.sample-card__info{min-width:0;display:flex;flex-direction:column;gap:4px}.sample-card__name{margin:0;font-size:16px;font-weight:500;line-height:1.3;color:#030303;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sample-card__subtitle{margin:0;font-size:14px;color:#030303;opacity:.75;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sample-card__quantity{justify-self:end;display:flex;align-items:center;justify-content:center;gap:16px;height:40px;padding:8px;width:40px;background-color:#fff;border:1px solid #f2f3f0;border-radius:40px;transition:width .15s ease,padding .15s ease}.sample-card.is-selected .sample-card__quantity{width:104px;padding:8px 12px}.sample-card__minus,.sample-card__input{display:none}.sample-card.is-selected .sample-card__minus,.sample-card.is-selected .sample-card__input,.sample-card__plus{display:flex}.sample-card__minus,.sample-card__plus{flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;font-size:16px;line-height:1;color:#080808;cursor:pointer}.sample-card__minus.disabled,.sample-card__plus.disabled{opacity:.3;pointer-events:none}.sample-card__input{width:16px;padding:0;border:none;background:transparent;text-align:center;font-size:14px;color:#030303;-moz-appearance:textfield}.sample-card__input::-webkit-outer-spin-button,.sample-card__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sample-picker-modal__error{margin:0;padding:12px 16px;font-size:14px;color:#b00020;background-color:#b0002014;border-radius:8px;text-align:center}.sample-picker-modal__actions{display:flex;gap:8px;justify-content:flex-end}.sample-picker-modal__skip,.sample-picker-modal__continue{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-size:18px;font-weight:500;letter-spacing:-.01em;border-radius:40px;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.sample-picker-modal__skip{background-color:transparent;border:1px solid #080808;color:#080808}.sample-picker-modal__skip:hover{opacity:.7}.sample-picker-modal__skip.is-disabled{opacity:.35;border-color:#dadada;color:#a1a1a1;cursor:not-allowed;pointer-events:none}.sample-picker-modal__continue{background-color:#080808;border:none;color:#fff}.sample-picker-modal__continue:hover{background-color:#f4ff00;color:#080808}.sample-picker-modal__continue[aria-disabled=true]{opacity:.6;pointer-events:none}.sample-picker-modal__skip.loading,.sample-picker-modal__continue.loading{opacity:.6;cursor:default}@media screen and (max-width:749px){sample-picker-modal{padding:0}.sample-picker-modal__dialog{max-width:none;max-height:100vh;height:100%;width:100%;border-radius:0;padding:20px 16px;gap:24px}.sample-picker-modal__close{top:4px;right:4px}.sample-picker-modal__title{font-size:24px}.sample-picker-modal__counter{font-size:16px}.sample-picker-modal__grid{grid-template-columns:1fr;gap:8px}.sample-card{height:80px;padding:8px 10px 8px 8px;overflow:hidden}.sample-card__media{width:48px;height:48px}.sample-card__name{font-size:14px}.sample-card__subtitle{font-size:12px}.sample-picker-modal__actions{flex-direction:column}.sample-picker-modal__skip,.sample-picker-modal__continue{width:100%}}.cart-item--sample{opacity:.85}.cart-item--sample .cart-item__media,.cart-item--sample .cart-item__media-wrapper{width:48px!important;max-width:48px!important;aspect-ratio:1 / 1!important;flex:0 0 48px}.cart-item--sample .cart-item__image{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important}.cart-item--sample .cart-item__link{cursor:default}.cart-item--sample .cart-item__details{padding-top:4px;padding-bottom:4px}.cart-item--sample .cart-item__name{font-size:13px;cursor:default;text-decoration:none}.cart-item--sample .cart-item__quantity-static{font-size:.875rem;color:rgba(var(--color-foreground, 0, 0, 0),.75)}.cart-drawer__samples-divider{display:flex;align-items:center;gap:8px;margin:4px 0 8px;padding-top:12px;border-top:1px solid #f2f3f0}.cart-drawer__samples-divider span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#a1a1a1}.cart-items__samples-divider td{padding-top:20px!important;padding-bottom:4px!important;border-top:1px solid #f2f3f0}.cart-items__samples-divider span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#a1a1a1}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-sample-picker.css.map */