.sample-ordering{--sample-swatch-size: 100px;--sample-grid-columns-desktop: 4;--sample-grid-columns-mobile: 2;--sticky-bar-bg: #31342c;padding-block-end:160px}.shopify-section--sample-ordering{margin-block-end:var(--spacing-12, 3rem)}.sample-ordering__header{text-align:center;margin-bottom:var(--spacing-8);padding-top:var(--spacing-10)}.sample-ordering__title{margin-bottom:var(--spacing-4)}.sample-ordering__description{max-width:42rem;margin-inline:auto;margin-bottom:var(--spacing-4)}.sample-ordering__pricing-info{font-size:var(--text-sm)}.sample-ordering__controls{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center;margin-bottom:var(--spacing-6);padding-top:var(--spacing-8)}.sample-ordering__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.sample-ordering__filter-label{font-size:var(--text-sm);font-weight:500;color:rgb(var(--text-color) / .7)}.sample-ordering__filter-group.form-control{position:relative;width:auto}.sample-ordering__filter-group .select{width:auto;min-width:140px;height:auto;padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.sample-ordering__filter-group .select-chevron{right:var(--spacing-3);pointer-events:none}.sample-ordering__search{margin-left:auto;min-width:200px;max-width:280px}.sample-ordering__search-wrapper{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid rgb(var(--text-color) / .2);border-radius:var(--rounded-sm);background:rgb(var(--background))}.sample-ordering__search-wrapper svg{flex-shrink:0;opacity:.5}.sample-search-input{width:100%;border:none;background:transparent;font-size:var(--text-sm);outline:none}.sample-search-input::placeholder{color:rgb(var(--text-color) / .5)}.sample-ordering__results-info{margin-bottom:var(--spacing-4);font-size:var(--text-sm);color:rgb(var(--text-color) / .6)}.sample-ordering__grid{display:grid;grid-template-columns:repeat(var(--sample-grid-columns-mobile),1fr);gap:var(--spacing-4)}@media screen and (min-width: 700px){.sample-ordering__grid{grid-template-columns:repeat(var(--sample-grid-columns-desktop),1fr);gap:var(--spacing-5)}}@media screen and (min-width: 1000px){.sample-ordering{--sample-grid-columns-desktop: 5}}@media screen and (min-width: 1200px){.sample-ordering{--sample-grid-columns-desktop: 6;--sample-swatch-size: 120px}}.sample-swatch-item{display:flex;flex-direction:column;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .1);border-radius:var(--rounded-sm);padding:var(--spacing-3);transition:border-color .2s,box-shadow .2s}.sample-swatch-item:hover{border-color:rgb(var(--text-color) / .25);box-shadow:0 4px 12px #00000014}.sample-swatch-item[hidden]{display:none!important}.sample-swatch-item__swatch-container{position:relative;width:100%;padding-bottom:100%;height:0!important;margin-bottom:var(--spacing-2);overflow:visible}.sample-swatch-item__swatch{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--rounded-xs);overflow:hidden;background:var(--swatch-background, #e5e5e5) center / cover no-repeat;box-shadow:inset 0 0 0 1px rgb(var(--text-color) / .08)}.sample-swatch-item__image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block}@media screen and (pointer: fine){.sample-swatch-item__swatch[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + var(--spacing-2));border-radius:min(24px,var(--rounded-button));background:rgb(var(--text-color));color:rgb(var(--background));visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:180px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.3;text-align:center;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s ease-in-out;position:absolute;left:50%;transform:translate(-50%) scale(.9);z-index:10}.sample-swatch-item__swatch[data-tooltip]:hover:after{visibility:visible;opacity:1;will-change:transform;transform:translate(-50%) scale(1)}}.sample-swatch-item__price{position:absolute;bottom:var(--spacing-2);left:var(--spacing-2);background:rgb(var(--text-color));color:rgb(var(--background));font-size:10px;font-weight:600;padding:3px var(--spacing-2);border-radius:var(--rounded-full);line-height:normal;letter-spacing:.04em;text-transform:uppercase}.sample-swatch-item__name{font-size:12px;text-align:center;color:rgb(var(--text-color) / .8);line-height:1.3;margin-top:auto;padding-top:var(--spacing-1);word-break:break-word}.sample-swatch-item__add-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:28px;height:28px;background:rgb(var(--background));color:rgb(var(--text-color));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgb(var(--text-color) / .2);z-index:5;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.sample-swatch-item__add-btn:hover{background:rgb(var(--text-color));color:rgb(var(--background));border-color:rgb(var(--text-color));transform:scale(1.1)}.sample-swatch-item__add-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sample-swatch-item__add-btn[aria-busy=true]{pointer-events:none}.sample-swatch-item__added{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:28px;height:28px;background:var(--sticky-bar-bg);color:rgb(var(--background));border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 4px #00000026;transition:transform .2s ease}.sample-swatch-item__added:hover{transform:scale(1.1);cursor:pointer}.sample-swatch-item__added[hidden]{display:none}.sample-swatch-item__sold-out{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--background) / .7);border-radius:var(--rounded-xs);display:flex;align-items:center;justify-content:center}.sample-swatch-item__sold-out:after{content:"Sold Out";font-size:10px;font-weight:600;text-transform:uppercase;color:rgb(var(--text-color) / .5);letter-spacing:.05em}.sample-ordering__sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--sticky-bar-bg);color:#fff;padding:var(--spacing-4) 0;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px #00000026}.sample-ordering__sticky-bar.is-visible{transform:translateY(0)}.sample-ordering__sticky-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.sample-ordering__cart-info{display:flex;align-items:center;gap:var(--spacing-3)}.sample-ordering__cart-count{font-size:var(--text-base);font-weight:500}.sample-ordering__sticky-bar .button{background:#fff;color:var(--sticky-bar-bg);border:none;font-weight:600}.sample-ordering__sticky-bar .button:hover{background:#ffffffe6}.sample-ordering__no-results{text-align:center;padding:var(--spacing-10);background:rgb(var(--background-secondary, 249 248 245));border-radius:var(--rounded-sm);grid-column:1 / -1}.sample-ordering__no-results[hidden]{display:none}.sample-reset-filters{margin-top:var(--spacing-3);text-decoration:underline;cursor:pointer}@media screen and (max-width: 699px){.sample-ordering{--sample-swatch-size: 80px}.sample-ordering__controls{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.sample-ordering__filters{flex-wrap:wrap;gap:var(--spacing-2)}.sample-ordering__filter-group .select{min-width:unset;flex:1}.sample-ordering__search{width:100%;min-width:unset;max-width:unset;margin-left:0}.sample-ordering__sticky-bar-inner{flex-direction:column;gap:var(--spacing-3)}.sample-ordering__sticky-bar .button{width:100%}.sample-swatch-item{padding:var(--spacing-2)}.sample-swatch-item__name{font-size:11px}.sample-swatch-item__add-btn,.sample-swatch-item__added{width:24px;height:24px}}.sample-swatch-item__add-btn.is-loading{pointer-events:none}.sample-swatch-item__add-btn.is-loading svg{animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sample-ordering.css.map */