.sample-pack{--text-xs: clamp(.6944rem, calc(.0944vw + .6605rem) , .7813rem);--text-s: clamp(.8331rem, calc(.1132vw + .7926rem) , .9375rem);--text-m: clamp(1rem, calc(.1359vw + .9511rem) , 1.125rem);--text-l: clamp(1.2rem, calc(.3257vw + 1.0828rem) , 1.4994rem);--space-xxs: clamp(.6827rem, calc(.1855vw + .6159rem) , .8534rem);--space-xs: clamp(.8875rem, calc(.2412vw + .8008rem) , 1.1094rem);--space-s: clamp(1.1538rem, calc(.3135vw + 1.041rem) , 1.4425rem);--space-m: clamp(1.5rem, calc(.4076vw + 1.3533rem) , 1.875rem);--sp-ink: var(--text);--sp-muted: var(--text-light, var(--text));--sp-line: color-mix(in srgb, var(--text) 16%, transparent);--sp-line-hover: color-mix(in srgb, var(--text) 45%, transparent);--sp-wash: color-mix(in srgb, var(--text) 6%, transparent);--sp-hairline: .0625rem;--sp-ring: .125rem;--sp-tick-size: 1.375rem;--sp-ease: cubic-bezier(.16, 1, .3, 1);display:block;color:var(--sp-ink)}.sample-pack :where(p,legend,ul){margin:0;padding:0}.sample-pack ::selection{background:var(--sp-ink);color:var(--bg)}.sample-pack__fieldset{display:flex;flex-direction:column;gap:var(--space-s);margin:0;padding:0;border:0;min-inline-size:0}.sample-pack__legend{float:inline-start;inline-size:100%;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs)}.sample-pack__legend+*{clear:both}.sample-pack__heading{font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);font-size:var(--text-l);line-height:1.2}.sample-pack__count{font-size:var(--text-m);font-variant-numeric:tabular-nums;white-space:nowrap}.sample-pack__count [data-count]{font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.sample-pack__hint{font-size:var(--text-s);color:var(--sp-muted);line-height:1.5}.sample-pack__grid{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xxs)}.sample-pack__tile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding-block:var(--space-xxs);padding-inline:var(--space-s);border:var(--sp-hairline) solid var(--sp-line);border-radius:var(--RADIUS-SELECT, 0);cursor:pointer;transition:border-color .25s var(--sp-ease),background-color .25s var(--sp-ease),color .25s var(--sp-ease)}.sample-pack__tile:hover{border-color:var(--sp-line-hover)}.sample-pack__input{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:inherit}.sample-pack__tile:has(.sample-pack__input:focus-visible){outline:var(--sp-ring) solid var(--sp-ink);outline-offset:var(--sp-ring)}.sample-pack__tile:has(.sample-pack__input:checked){--sp-muted: color-mix(in srgb, var(--bg) 82%, transparent);border-color:var(--sp-ink);background-color:var(--sp-ink);color:var(--bg)}.sample-pack__tile:has(.sample-pack__input:disabled){cursor:not-allowed}.sample-pack__tile:has(.sample-pack__input:disabled) .sample-pack__text{opacity:.45}.sample-pack__tick{flex:none;display:grid;place-items:center;inline-size:var(--sp-tick-size);block-size:var(--sp-tick-size);border-radius:50%;background-color:var(--bg);color:var(--sp-ink);opacity:0;transform:scale(.6);transition:opacity .2s var(--sp-ease),transform .35s var(--sp-ease)}.sample-pack__tick svg{inline-size:70%;block-size:70%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sample-pack__input:checked~.sample-pack__tick{opacity:1;transform:scale(1)}.sample-pack__text{display:flex;flex-direction:column;gap:0;min-inline-size:0}.sample-pack__name{font-family:var(--FONT-STACK-HEADING);font-size:var(--text-s);font-weight:var(--FONT-WEIGHT-HEADING);line-height:1.3}.sample-pack__notes{font-size:var(--text-xs);color:var(--sp-muted);line-height:1.4}.sample-pack__footer{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs)}.sample-pack__status{font-size:var(--text-s);font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.sample-pack__clear{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--text-s);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.sample-pack__clear:focus-visible{outline:var(--sp-ring) solid var(--sp-ink);outline-offset:var(--sp-ring)}.sample-pack__clear[hidden]{display:none}@media(min-width:46.875em){.product__page:has(sample-pack-picker)>product-images{position:sticky;top:calc(var(--outer, 0rem) + var(--header-sticky-height, 0rem));align-self:start}}@media(prefers-reduced-motion:reduce){.sample-pack__tile,.sample-pack__tick{transition:none}}@media(forced-colors:active){.sample-pack__tile:has(.sample-pack__input:checked){outline:var(--sp-ring) solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/sample-pack-picker.css.map */