.section-main-sample-product{background:#fff}body.cc-animate-enabled .shopify-section.section-main-sample-product{overflow:visible}.sample-picker-page{--sample-charcoal: #1d211f;--sample-green: #464d4a;--sample-warm: #f7f5ef;--sample-white: #ffffff;--sample-mist: #d9ddda;color:var(--sample-charcoal);display:block;padding-bottom:calc(var(--sample-action-height, 110px) + 20px)}.sample-picker-hero{background:var(--sample-green);color:#fff;clear:both;float:none;padding:clamp(26px,3vw,34px) 24px clamp(22px,2.6vw,28px)}.sample-picker-hero__inner,.sample-picker-toolbar,.sample-picker-grid-wrap,.sample-picker-action__inner{margin:0 auto;max-width:1380px}.sample-picker-hero__inner{text-align:center}.sample-picker-eyebrow{color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.sample-picker-hero__title{color:inherit!important;font-size:clamp(30px,3.5vw,46px);line-height:1.06;margin:0 auto!important;max-width:1200px}.sample-picker-hero__body{color:#ffffffc2;font-size:clamp(15px,1.6vw,18px);line-height:1.65;margin:12px auto 0;max-width:900px}.sample-picker-hero__terms{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.sample-picker-hero__terms span{border:1px solid rgb(255 255 255 / 28%);border-radius:2px;color:#ffffffdb;font-size:12px;padding:7px 13px}.sample-picker-toolbar-wrap{background:color-mix(in srgb,var(--sample-warm) 95%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sample-charcoal) 12%,transparent);clear:both;position:sticky;top:var(--nav-height, 0);z-index:8}.sample-picker-toolbar{padding:10px 24px 7px}.sample-picker-search{margin:0 auto;max-width:760px;position:relative}.sample-picker-search input.sample-picker-search__input{background:var(--sample-white);border:1px solid color-mix(in srgb,var(--sample-charcoal) 28%,transparent);border-radius:2px;box-sizing:border-box!important;color:var(--sample-charcoal);display:block;font-size:16px;height:44px;min-height:44px;padding:8px 72px 8px 44px;width:100%}.sample-picker-search__input:focus{border-color:var(--sample-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--sample-green) 24%,transparent);outline:0}.sample-picker-search__icon{fill:none;height:18px;left:15px;position:absolute;stroke:var(--sample-charcoal);stroke-linecap:round;stroke-width:1.7;top:13px;width:18px;z-index:1}.sample-picker-search__clear{background:transparent;border:0;color:var(--sample-charcoal);cursor:pointer;font-size:12px;font-weight:700;padding:10px;position:absolute;right:8px;text-decoration:underline;top:3px;z-index:2}.sample-picker-suggestions{background:var(--sample-white);border:1px solid color-mix(in srgb,var(--sample-charcoal) 18%,transparent);border-radius:0 0 2px 2px;box-shadow:0 8px 22px #1d211f14;left:0;max-height:min(420px,55vh);overflow-y:auto;position:absolute;right:0;top:calc(100% - 1px);z-index:10}.sample-picker-suggestion{align-items:center;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--sample-charcoal) 9%,transparent);color:var(--sample-charcoal);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:14px 17px;text-align:left;width:100%}.sample-picker-suggestion span:last-child{color:var(--sample-charcoal);font-size:12px;opacity:.6}.sample-picker-suggestion:hover,.sample-picker-suggestion[aria-selected=true]{background:color-mix(in srgb,var(--sample-green) 8%,var(--sample-white))}.sample-picker-suggestion[hidden],.sample-picker-card[hidden]{display:none}.sample-picker-toolbar__meta{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:760px;min-height:25px;padding-top:6px}.sample-picker-active-brand{align-items:center;display:flex;font-size:13px;gap:12px}.sample-picker-active-brand[hidden]{display:none}.sample-picker-active-brand>span{background:var(--sample-green);border-radius:2px;color:#fff;padding:5px 11px}.sample-picker-active-brand button{background:transparent;border:0;color:var(--sample-charcoal);cursor:pointer;padding:3px;text-decoration:underline}.sample-picker-result-count{color:var(--sample-charcoal);font-size:13px;margin:0 0 0 auto;opacity:.6}.sample-picker-grid-wrap{padding:22px 24px 52px}.sample-picker-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sample-picker-card{background:transparent;border:1px solid transparent;border-radius:2px;color:var(--sample-charcoal);cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:10px 10px 16px;position:relative;text-align:left;transition:background-color .16s ease,border-color .16s ease}.sample-picker-card:hover{background:var(--sample-white);border-color:color-mix(in srgb,var(--sample-green) 50%,transparent)}.sample-picker-card:focus-visible{outline:3px solid color-mix(in srgb,var(--sample-green) 58%,transparent);outline-offset:2px}.sample-picker-card[aria-pressed=true]{background:var(--sample-white);border-color:var(--sample-green)}.sample-picker-card__media{align-items:center;aspect-ratio:1 / 1;background:#fff;border-radius:2px;display:flex;justify-content:center;margin-bottom:13px;overflow:hidden;position:relative;width:100%}.sample-picker-card__image,.sample-picker-card__placeholder{height:100%;object-fit:cover;width:100%}.sample-picker-card__selected{background:var(--sample-green);border-radius:2px;bottom:9px;color:#fff;display:none;font-size:10px;font-weight:800;letter-spacing:.07em;padding:5px 9px;position:absolute;right:9px;text-transform:uppercase}.sample-picker-card[aria-pressed=true] .sample-picker-card__selected{display:block}.sample-picker-card__brand{color:var(--sample-charcoal);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.3;margin-bottom:4px;text-transform:uppercase;opacity:.6}.sample-picker-card__name{font-family:var(--heading-font-family, inherit);font-size:16px;line-height:1.3}.sample-picker-card__availability{color:var(--sample-charcoal);font-size:11px;margin-top:5px;opacity:.5}.sample-picker-card--unavailable{cursor:not-allowed;opacity:.46}.sample-picker-empty{padding:80px 24px;text-align:center}.sample-picker-empty p{font-family:var(--heading-font-family, inherit);font-size:23px}.sample-picker-noscript{margin:0 auto;max-width:720px;padding:24px}.sample-picker-noscript form{display:grid;gap:12px}.sample-picker-noscript select{background:#fff;border:1px solid var(--sample-charcoal);min-height:48px;padding:8px 12px}.sample-picker-action{background:color-mix(in srgb,var(--sample-white) 96%,transparent);border-top:1px solid color-mix(in srgb,var(--sample-charcoal) 15%,transparent);bottom:0;left:0;position:fixed;right:0;z-index:20}.sample-picker-page[data-action-visible=false] .sample-picker-action{opacity:0;pointer-events:none;transform:translateY(100%)}.sample-picker-action{transition:opacity .18s ease,transform .18s ease}.sample-picker-action__inner{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:76px;padding:8px 24px max(8px,env(safe-area-inset-bottom))}.sample-picker-action__selection{align-items:center;display:grid;gap:13px;grid-template-columns:52px minmax(0,1fr);min-width:0}.sample-picker-action__media{align-items:center;background:#fff;border-radius:2px;display:flex;height:52px;justify-content:center;overflow:hidden;width:52px}.sample-picker-action__image,.sample-picker-action__media .sample-picker-card__image,.sample-picker-action__media .sample-picker-card__placeholder{height:100%;object-fit:contain;width:100%}.sample-picker-action__eyebrow,.sample-picker-action__brand{color:var(--sample-charcoal);font-size:10px;font-weight:700;letter-spacing:.09em;margin:0 0 2px;text-transform:uppercase}.sample-picker-action__name{font-family:var(--heading-font-family, inherit);font-size:17px;line-height:1.25;margin:0}.sample-picker-product-form,.sample-picker-product-form form{flex:0 0 auto}.sample-picker-product-form .error-message{font-size:12px;margin-bottom:4px}.sample-picker-action__button{min-width:230px;white-space:nowrap}@media(max-width:900px){.sample-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.sample-picker-page{padding-bottom:calc(var(--sample-action-height, 126px) + 14px)}.sample-picker-hero{padding-left:18px;padding-right:18px}.sample-picker-toolbar{padding:12px 12px 8px}.sample-picker-toolbar__meta{align-items:flex-start;gap:7px}.sample-picker-active-brand{align-items:flex-start;flex-direction:column;gap:2px}.sample-picker-grid-wrap{padding:14px 8px 34px}.sample-picker-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.sample-picker-card{padding:6px 6px 12px}.sample-picker-card__name{font-size:14px}.sample-picker-action__inner{align-items:stretch;flex-direction:column;gap:7px;min-height:0;padding:8px 10px max(10px,env(safe-area-inset-bottom))}.sample-picker-action__selection{grid-template-columns:42px minmax(0,1fr)}.sample-picker-action__media{height:42px;width:42px}.sample-picker-action__eyebrow{display:none}.sample-picker-action__name{font-size:14px}.sample-picker-action__button{min-height:44px;width:100%}.sample-picker-product-form,.sample-picker-product-form form{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/sample-variant-picker.css.map */