.cca-sample-pack{--cca-ink: rgb(var(--color-foreground));--cca-line: rgba(var(--color-foreground), .16);--cca-muted: rgba(var(--color-foreground), .68);--cca-soft: rgba(var(--color-foreground), .045);--cca-product-font: "CCA Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;display:block;margin:2.4rem 0 1.6rem;color:var(--cca-ink);font-family:var(--cca-product-font)}body:has(sample-pack-selector) .product__info-container,body:has(sample-pack-selector) .product__info-container button,body:has(sample-pack-selector) .product__info-container select{font-family:CCA Inter,Helvetica Neue,Helvetica,Arial,sans-serif}body:has(sample-pack-selector) .product__title h1{margin:0!important;font-family:CCA Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2.6rem,2.25vw,3rem)!important;font-weight:600;letter-spacing:-.025em;line-height:1.12!important}body:has(sample-pack-selector) .product__title-primary,body:has(sample-pack-selector) .product__title-support{display:block}body:has(sample-pack-selector) .product__title-support{margin-top:.55rem;color:var(--cca-muted, rgba(var(--color-foreground), .68));font-size:1.55rem;font-weight:500;letter-spacing:0;line-height:1.35}body:has(sample-pack-selector) .product__value-rail{margin-top:2rem!important;margin-bottom:0!important}body:has(sample-pack-selector) .product__value-price:not(.price--on-sale) .price-item--regular{color:rgb(var(--color-foreground));font-size:2.8rem;font-weight:700;line-height:1}body:has(sample-pack-selector) .product-form__submit{min-height:4.7rem;font-size:1.55rem;font-weight:600}.cca-sample-pack *{box-sizing:border-box}.cca-sample-pack__section-head p,.cca-sample-pack__filter-help{margin:0}.cca-sample-pack__section-head,.cca-sample-pack__summary-head,.cca-sample-pack__label-row,.cca-sample-pack__dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.cca-sample-pack__section-head{align-items:flex-start;margin-bottom:1.2rem}.cca-sample-pack__section-head h2,.cca-sample-pack__copy h3,.cca-sample-pack__summary h3,.cca-sample-pack__copy p,.cca-sample-pack__empty,.cca-sample-pack__message{margin:0}.cca-sample-pack__section-head h2,.cca-sample-pack__summary h3{font-family:var(--cca-product-font);font-size:1.5rem;font-weight:600;letter-spacing:0;line-height:1.35}.cca-sample-pack__section-head p,.cca-sample-pack__filter-help{color:var(--cca-muted);font-size:1.25rem;line-height:1.45}.cca-sample-pack__section-head p{margin-top:.3rem}.cca-sample-pack__filter-help{margin-top:.8rem}.cca-sample-pack__category-count,.cca-sample-pack__summary-head span,.cca-sample-pack__section-head strong{color:var(--cca-muted);font-size:1.25rem;font-weight:500;white-space:nowrap}.cca-sample-pack__section-head--products{display:grid;grid-template-columns:minmax(18rem,1.2fr) repeat(3,minmax(0,1fr));gap:1.6rem;align-items:end;margin-top:2.4rem}.cca-sample-pack__section-head--products h2{white-space:nowrap}.cca-sample-pack__column-label{grid-column:2;justify-self:center;padding-left:0;color:var(--cca-muted);font-size:1.3rem;font-weight:500;letter-spacing:0;line-height:1.35}.cca-sample-pack__filters{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.6rem;margin-bottom:0}.cca-sample-pack__filter{display:grid;place-items:center;width:100%;height:4.4rem;min-width:0;padding:.4rem .6rem;border:.1rem solid var(--cca-line);border-radius:.4rem;color:var(--cca-ink);background:rgb(var(--color-background));font-family:var(--cca-product-font);font-size:1.25rem;font-weight:500;letter-spacing:0;line-height:1.15;text-align:center;cursor:pointer}.cca-sample-pack__filter[aria-pressed=true]{border-color:var(--cca-ink);color:rgb(var(--color-background));background:var(--cca-ink);font-weight:600}.cca-sample-pack__filter:focus-visible,.cca-sample-pack__product-toggle:focus-visible,.cca-sample-pack__measure:focus-visible,.cca-sample-pack__add:focus-visible,.cca-sample-pack__remove:focus-visible,.cca-sample-pack__dialog-close:focus-visible,.cca-sample-pack select:focus-visible{outline:.2rem solid var(--cca-ink);outline-offset:.2rem}.cca-sample-pack__progress{display:grid;justify-items:end;gap:.6rem;min-width:12rem}.cca-sample-pack__track{width:12rem;height:.4rem;overflow:hidden;background:var(--cca-line)}.cca-sample-pack__track span{display:block;width:100%;height:100%;background:var(--cca-ink);transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.cca-sample-pack__list{display:grid;gap:.8rem}.cca-sample-pack__row{display:grid;grid-template-columns:minmax(18rem,1.2fr) repeat(3,minmax(0,1fr));gap:1.6rem;align-items:center;min-width:0;padding:.7rem .9rem;border:.1rem solid var(--cca-line);border-radius:.4rem;background:rgb(var(--color-background))}.cca-sample-pack__row[hidden]{display:none}.cca-sample-pack__row.is-sold-out{color:#555;background:var(--cca-soft)}.cca-sample-pack__row.is-sold-out .cca-sample-pack__image img,.cca-sample-pack__row.is-sold-out select,.cca-sample-pack__row.is-sold-out .cca-sample-pack__measure,.cca-sample-pack__row.is-sold-out .cca-sample-pack__add{opacity:.68;filter:grayscale(1)}.cca-sample-pack__product{position:relative;display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:.9rem;align-items:center;min-width:0}.cca-sample-pack__product-toggle{display:none}.cca-sample-pack__image{display:grid;width:6.4rem;aspect-ratio:1;place-items:center;overflow:hidden;border:.1rem solid var(--cca-line);border-radius:.4rem;background:rgb(var(--color-background))}.cca-sample-pack__image img{display:block;width:100%;height:100%;object-fit:contain}.cca-sample-pack__copy{display:grid;gap:.35rem;min-width:0}.cca-sample-pack__copy h3{font-family:var(--cca-product-font);font-size:1.4rem;font-weight:600;letter-spacing:0;line-height:1.25;overflow-wrap:anywhere}.cca-sample-pack__copy p,.cca-sample-pack__sold-out{color:var(--cca-muted);font-size:1.3rem;line-height:1.4}.cca-sample-pack__added-count{width:max-content;padding:0;color:var(--cca-muted);background:transparent;font-size:1.2rem;font-weight:500;line-height:1.35}.cca-sample-pack__sold-out{font-weight:600}.cca-sample-pack__choice{display:contents}.cca-sample-pack__choice[hidden]{display:none}.cca-sample-pack__select-wrap,.cca-sample-pack__label-row{display:contents}.cca-sample-pack__label-row label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-family:var(--cca-product-font);font-size:1.4rem;font-weight:600}.cca-sample-pack__measure{grid-column:3;grid-row:1;justify-self:center;display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:0;border:0;color:var(--cca-ink);background:transparent;font-family:var(--cca-product-font);font-size:1.2rem;font-weight:500;letter-spacing:0;line-height:1;text-decoration:underline;text-underline-offset:.25rem;white-space:nowrap;cursor:pointer}.cca-sample-pack__measure svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8}.cca-sample-pack select{grid-column:2;grid-row:1;justify-self:center;appearance:none;-webkit-appearance:none;width:min(100%,12.6rem);min-width:0;height:4.2rem;padding:0 4.2rem 0 1.2rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.4rem;color:var(--cca-ink);background-color:rgb(var(--color-background));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center;background-size:1.2rem .8rem;font-family:var(--cca-product-font);font-size:1.4rem;font-weight:400;letter-spacing:0}.cca-sample-pack select option:disabled{color:#777;text-decoration:line-through}.cca-sample-pack__add.button{grid-column:4;grid-row:1;position:relative;justify-self:center;width:6.2rem;min-width:6.2rem;min-height:3.6rem;padding-inline:.5rem;font-family:var(--cca-product-font);font-size:1.15rem;font-weight:500;letter-spacing:0;white-space:nowrap}.cca-sample-pack__add[disabled],.cca-sample-pack__remove[disabled]{opacity:.48;cursor:not-allowed}.cca-sample-pack__summary{margin-top:3.8rem;padding:0}.cca-sample-pack__empty{margin-top:1rem;color:var(--cca-muted);font-size:1.3rem}.cca-sample-pack__selected{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1rem}.cca-sample-pack__selected:empty{display:none}.cca-sample-pack__selected-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(7.6rem,1fr) auto;gap:.45rem;align-items:start;aspect-ratio:4 / 5;min-width:0;padding:.6rem;border:.1rem solid var(--cca-line);border-radius:.4rem;background:rgb(var(--color-background))}.cca-sample-pack__selected-thumb{grid-column:1;grid-row:1;display:grid;width:100%;height:100%;min-height:0;place-items:center;overflow:hidden;background:rgb(var(--color-background))}.cca-sample-pack__selected-thumb img{display:block;width:100%;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.cca-sample-pack__selected-copy{grid-column:1 / -1;grid-row:2;align-self:end;display:grid;gap:.1rem;min-width:0;font-size:1.1rem;line-height:1.2}.cca-sample-pack__selected-copy strong{display:-webkit-box;overflow:hidden;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cca-sample-pack__selected-copy strong,.cca-sample-pack__selected-copy span{overflow-wrap:anywhere}.cca-sample-pack__selected-copy span{color:var(--cca-muted)}.cca-sample-pack__remove,.cca-sample-pack__dialog-close{display:grid;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid var(--cca-line);border-radius:.4rem;place-items:center;color:var(--cca-ink);background:rgb(var(--color-background));font:inherit;cursor:pointer}.cca-sample-pack__selected-item .cca-sample-pack__remove{position:absolute;top:.2rem;right:.2rem;z-index:1;border:0;background:transparent}.cca-sample-pack__selected-placeholder{display:grid;aspect-ratio:4 / 5;min-width:0;padding:0;border:.1rem dashed var(--cca-line);border-radius:.4rem;place-items:center;color:var(--cca-muted);background:transparent;cursor:pointer}.cca-sample-pack__selected-placeholder svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.4}.cca-sample-pack__selected-item .cca-sample-pack__remove svg{width:1.6rem;height:1.6rem;padding:.4rem;border-radius:50%;background:rgba(var(--color-background),.92);box-shadow:0 0 0 .1rem var(--cca-line);box-sizing:content-box}.cca-sample-pack__remove svg,.cca-sample-pack__dialog-close svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.cca-sample-pack__message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cca-sample-pack__message[data-visible]{position:static;width:auto;height:auto;margin:1rem 0 0;padding:1rem 1.2rem;overflow:visible;clip:auto;white-space:normal;border:.1rem solid var(--cca-line);border-radius:.4rem;color:var(--cca-ink);background:var(--cca-soft);font-size:1.3rem}.cca-sample-pack__dialog{width:min(88vw,80vh,72rem);max-width:calc(100vw - 3.2rem);aspect-ratio:1;padding:0;border:.1rem solid var(--cca-line);border-radius:0;color:var(--cca-ink);background:rgb(var(--color-background));box-shadow:0 2.2rem 7rem #1212123d;overflow:hidden}.cca-sample-pack__dialog::backdrop{background:#121212b8}.cca-sample-pack__dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.cca-sample-pack__dialog-head{padding:1.2rem 1.4rem;border-bottom:.1rem solid var(--cca-line)}.cca-sample-pack__dialog-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cca-sample-pack__dialog-media{display:grid;min-height:0;padding:1.6rem;place-items:center;overflow:hidden;background:#fff}.cca-sample-pack__dialog-media img{display:block;width:88%;height:88%;max-width:100%;max-height:100%;object-fit:contain}@media screen and (max-width:1279px){.cca-sample-pack__section-head--products,.cca-sample-pack__row{grid-template-columns:minmax(16rem,1.2fr) repeat(3,minmax(0,1fr));gap:1.6rem}.cca-sample-pack__product{grid-template-columns:6.4rem minmax(0,1fr);gap:.9rem}.cca-sample-pack__image{width:6.4rem}.cca-sample-pack__add.button{width:6.2rem;min-width:6.2rem;padding-inline:.5rem}.cca-sample-pack__measure{gap:.3rem;font-size:1.2rem}.cca-sample-pack__measure svg{width:1.3rem;height:1.3rem}}@media screen and (max-width:1100px){.cca-sample-pack__selected{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){body:has(sample-pack-selector) .product__title h1{font-size:2.418rem!important;line-height:1.14!important}body:has(sample-pack-selector) .product__title-support{margin-top:.45rem;font-size:1.4rem}.cca-sample-pack{margin-top:2.2rem}.cca-sample-pack__selected{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:560px)and (max-width:989px){body:has(sample-pack-selector) media-gallery[data-cca-mobile-side-rail]{max-width:48rem;margin-inline:auto}}@media screen and (max-width:989px){.cca-sample-pack__filters{display:flex;gap:.6rem;margin-right:-1.5rem;padding:0 1.5rem .4rem 0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.cca-sample-pack__filters::-webkit-scrollbar{display:none}.cca-sample-pack__filter{flex:1 0 8.4rem;width:auto;height:4.4rem;scroll-snap-align:start}.cca-sample-pack__row{grid-template-columns:1fr;gap:0;padding:.9rem 1rem}.cca-sample-pack__section-head--products{display:flex;gap:1.2rem}.cca-sample-pack__column-label{display:none;padding-left:0}.cca-sample-pack__section-head--products .cca-sample-pack__progress{grid-column:auto}.cca-sample-pack__product{grid-template-columns:5.8rem minmax(0,1fr) 4.4rem;gap:.8rem}.cca-sample-pack__image{width:5.8rem}.cca-sample-pack__row:not(.is-expanded) .cca-sample-pack__product{grid-column:1 / -1}.cca-sample-pack__product-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;width:100%;height:100%;padding:0 1.2rem 0 0;border:0;place-items:center end;color:var(--cca-ink);background:transparent;cursor:pointer}.cca-sample-pack__product-toggle svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:transform .16s ease}.cca-sample-pack__product-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.cca-sample-pack__choice{display:grid;grid-template-columns:minmax(0,1fr) 6.6rem;justify-content:stretch;gap:1.6rem;align-items:center;margin-top:1.1rem;padding:0 .2rem .3rem}.cca-sample-pack__select-wrap{grid-column:1;display:flex;flex-direction:column}.cca-sample-pack__label-row{order:2;display:block;min-height:0;margin:0}.cca-sample-pack__label-row label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cca-sample-pack__measure,.cca-sample-pack select{grid-column:auto;grid-row:auto}.cca-sample-pack__choice[hidden]{display:none}.cca-sample-pack__add.button{grid-column:2;grid-row:auto;width:6.6rem;min-width:6.6rem;min-height:4rem}.cca-sample-pack select{width:100%;max-width:none;height:4.4rem}.cca-sample-pack__label-row{align-items:center}.cca-sample-pack__measure{min-height:3.2rem;gap:.45rem;font-size:1.25rem}.cca-sample-pack__measure svg{width:1.5rem;height:1.5rem}.cca-sample-pack__section-head--products{align-items:end}.cca-sample-pack__progress{min-width:10.5rem}.cca-sample-pack__track{width:10.5rem}.cca-sample-pack__dialog{width:min(92vw,82vh,60rem);max-width:92vw}.cca-sample-pack__dialog-head{align-items:flex-start}.cca-sample-pack__dialog-head strong{padding-top:1rem;overflow:visible;text-overflow:clip;white-space:normal}}@media screen and (max-width:559px){.cca-sample-pack__selected{grid-template-columns:repeat(2,minmax(0,1fr))}.cca-sample-pack__selected-item,.cca-sample-pack__selected-placeholder{aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.cca-sample-pack__track span,.cca-sample-pack__product-toggle svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-sample-pack-selector.css.map */