.sample-pack-selector{--sps-accent: var(--color-primary-button-background);--sps-accent-text: var(--color-primary-button-text);--sps-border: rgb(var(--color-foreground-rgb) / .15);--sps-muted: rgb(var(--color-foreground-rgb) / .65);box-sizing:border-box;width:100%;max-width:var(--page-width, 1200px);margin-inline:auto;padding:var(--sps-pad-top) var(--page-margin, 16px) var(--sps-pad-bottom);text-align:center}.sample-pack-selector__heading{margin:0;font-family:var(--font-h2--family);letter-spacing:-.02em}.sample-pack-selector__subheading{margin:.75rem 0 0;color:var(--sps-muted)}.sample-pack-selector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:2rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.sample-pack-selector__grid{grid-template-columns:repeat(auto-fit,minmax(170px,220px));justify-content:center;gap:20px}}.sample-pack-selector__item{display:flex}@media screen and (max-width:749px){.sample-pack-selector__item:last-child:nth-child(odd){grid-column:1 / -1}.sample-pack-selector__item:last-child:nth-child(odd) .sample-pack-card{max-width:calc(50% - 8px);margin-inline:auto}}.sample-pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 16px 18px;font:inherit;color:inherit;text-align:center;background:var(--color-background);border:2px solid var(--sps-border);border-radius:20px;box-shadow:0 4px 10px #0000000a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sample-pack-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.sample-pack-card:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.sample-pack-card:disabled{cursor:not-allowed;opacity:.5}.sample-pack-card[aria-pressed=true]{border-color:var(--color-foreground)}.sample-pack-card__check{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:30px;height:30px;color:transparent;border:2px solid var(--sps-border);border-radius:50%;background:var(--color-background);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.sample-pack-card[aria-pressed=true] .sample-pack-card__check{color:var(--sps-accent-text);background:var(--sps-accent);border-color:var(--sps-accent)}.sample-pack-card__badge{position:absolute;top:14px;right:12px;padding:4.75px 10px 1.25px;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--sps-accent-text);background:var(--sps-accent);border-radius:999px}@media screen and (max-width:749px){.sample-pack-card__badge{top:0;right:auto;left:50%;transform:translate(-50%,-50%)}}.sample-pack-card__media{display:block;width:100%;aspect-ratio:1 / 1;margin-top:18px}.sample-pack-card__image{width:100%;height:100%;object-fit:contain}.sample-pack-card__name{margin-top:6px;font-size:.95rem;line-height:1.3}.sample-pack-card__price{font-family:var(--font-h2--family);font-weight:600}.sample-pack-card__in-cart{font-size:.75rem;color:var(--sps-muted)}.sample-pack-card--empty{cursor:default;border-style:dashed}.sample-pack-selector__bundle-tip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:1.5rem auto 0;max-width:640px}.sample-pack-selector__bundle-tip[hidden]{display:none}.sample-pack-selector__bundle-switch{padding:0;font:inherit;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.sample-pack-selector__comment{display:flex;flex-direction:column;gap:8px;max-width:1100px;margin:2rem auto 0}.sample-pack-selector__required{color:#c00}.sample-pack-selector__textarea{box-sizing:border-box;width:100%;min-height:96px;padding:12px 14px;font:inherit;color:var(--color-input-text, inherit);background:var(--color-input-background, #f5f5f5);border:1px solid var(--sps-border);border-radius:8px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.sample-pack-selector__textarea:disabled{opacity:.6}.sample-pack-selector__textarea.is-required{border-color:#e0a100;box-shadow:0 0 0 3px #e0a1002e}.sample-pack-selector__textarea.is-filled{border-color:#3b8a3e}.sample-pack-selector__hint{font-size:.8rem;color:var(--sps-muted)}.sample-pack-selector__hint.is-urgent{color:#a36f00}.sample-pack-selector__actions{margin-top:1.5rem}.sample-pack-selector__submit{display:inline-flex;align-items:center;gap:.5em}.sample-pack-selector__submit:disabled{cursor:not-allowed;opacity:.5}.sample-pack-selector__total:empty{display:none}.sample-pack-selector__total:before{content:"\b7";margin-right:.5em}.sample-pack-selector__error{margin:.75rem 0 0;color:#c00}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sample-pack-selector.css.map */