material-samples{display:block}.ih-ms__head{align-items:flex-end;margin-bottom:var(--sp-8)}.ih-ms__headcopy{display:grid;gap:var(--sp-2)}.ih-ms__head .ih-title{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.02em;color:var(--c-anchor-800)}.ih-ms__steps{display:grid;gap:var(--sp-3);margin:0 0 var(--sp-10);padding:0;list-style:none}.ih-ms__step{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:#fff;color:var(--c-anchor-800)}.ih-ms__stepnum{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c-anchor-800);color:#fff;font-weight:700}.ih-ms__steptitle,.ih-ms__steptext{display:block}.ih-ms__steptitle{font-size:var(--fs-body);font-weight:700}.ih-ms__steptext{font-size:var(--fs-small);color:var(--c-ink-700)}.ih-ms__bar{position:sticky;top:48px;z-index:var(--z-sticky-filter);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg)}.ih-ms__bar:after{content:"";position:absolute;inset:auto var(--r-lg) -3px;height:2px;background:repeating-linear-gradient(90deg,var(--c-sand) 0 8px,transparent 8px 14px);pointer-events:none}.ih-ms__filters{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5)}.ih-ms__fgroup{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.ih-ms__flabel{flex:none;min-width:64px;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ih-ms__chips{display:flex;gap:var(--sp-2);min-width:0;overflow-x:auto;scrollbar-width:none}.ih-ms__chips::-webkit-scrollbar{display:none}.ih-ms__chip{flex:none;min-height:44px;padding:0 var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--c-anchor-800);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.ih-ms__chip:hover{border-color:var(--c-anchor-800)}.ih-ms__chip[aria-pressed=true]{border-color:var(--c-anchor-800);background:var(--c-anchor-800);color:#fff}.ih-ms__chip:focus-visible{outline:2px solid var(--c-anchor-800);outline-offset:2px}.ih-ms__count{margin:0;font-size:var(--fs-small);color:var(--muted)}.ih-ms__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin:var(--sp-8) 0 0;padding:0;list-style:none}.ih-ms__item{display:flex;flex-direction:column;gap:var(--sp-2)}.ih-ms__item[hidden]{display:none}.ih-ms__card{position:relative;display:grid;align-content:start;gap:2px;flex:1;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-lg);background:#fff;cursor:pointer;transition:box-shadow var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.ih-ms__card--view{cursor:default}.ih-ms__check{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.ih-ms__media{position:relative;display:block;margin-bottom:var(--sp-2);overflow:hidden;border-radius:var(--r-md)}.ih-ms__sw{display:block;aspect-ratio:1;background-color:var(--c, #d8c3a5);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0b242314;transition:transform var(--dur-5) var(--ease-out)}.ih-ms__img{display:block;width:100%;height:100%;object-fit:cover}.ih-ms__sw--weave{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px)}.ih-ms__sw--velvet{background-image:radial-gradient(120% 90% at 20% 15%,rgba(255,255,255,.28),transparent 55%),radial-gradient(100% 80% at 85% 95%,rgba(0,0,0,.3),transparent 60%)}.ih-ms__sw--leather{background-image:radial-gradient(circle at 25% 30%,rgba(0,0,0,.16) 0 1.2px,transparent 1.6px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.16) 0 1.2px,transparent 1.6px);background-size:9px 9px,7px 7px}.ih-ms__sw--grain{background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.16) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(255,255,255,.14) 0 1px,transparent 1px 13px)}.ih-ms__name{font-size:var(--fs-body);font-weight:700;color:var(--c-anchor-800)}.ih-ms__meta{font-size:var(--fs-small);color:var(--muted)}.ih-ms__tick{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);width:28px;height:28px;border-radius:50%;background:var(--accent) center / 16px no-repeat;box-shadow:var(--sh-2);opacity:0;transform:scale(.7);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-spring);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ih-ms__card:has(.ih-ms__check:checked){background:var(--c-blush);box-shadow:0 0 0 2px var(--c-anchor-800)}.ih-ms__check:checked~.ih-ms__media .ih-ms__tick{opacity:1;transform:scale(1)}.ih-ms__card:has(.ih-ms__check:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ih-ms__card.is-locked{opacity:.45}@media(hover:hover){.ih-ms__card:hover{box-shadow:var(--sh-2)}.ih-ms__card:hover .ih-ms__sw{transform:scale(1.05)}}.ih-ms__specs{display:grid;gap:var(--sp-1);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--c-line);font-size:var(--fs-small);color:var(--c-ink-700)}.ih-ms__speclist{display:grid;gap:var(--sp-1);margin:0}.ih-ms__spec{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}.ih-ms__spec dt{font-weight:700;color:var(--c-anchor-800)}.ih-ms__spec dt:after{content:":"}.ih-ms__spec dd,.ih-ms__specextra{margin:0}.ih-ms__use{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--sp-3);border:1px solid var(--c-anchor-800);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:600;color:var(--c-anchor-800);text-align:center;text-decoration:none}.ih-ms__use:hover{background:var(--c-anchor-800);color:#fff}.ih-ms__use:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ih-ms__pack{display:grid;gap:var(--sp-4);margin:0 0 var(--sp-8);padding:var(--sp-5) var(--sp-6);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-peach);color:var(--c-anchor-800)}.ih-ms__packline{margin:0;font-size:var(--fs-h3);font-weight:700}.ih-ms__howto{display:grid;justify-items:start;gap:var(--sp-2)}.ih-ms__howtitle{margin:0;font-size:var(--fs-body);font-weight:700}.ih-ms__howtext{margin:0 0 var(--sp-2);color:var(--c-ink-700)}.ih-ms__note{margin:0 0 var(--sp-8);padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-peach);color:var(--c-anchor-800);font-weight:600}.ih-ms__tray{position:sticky;inset-block-end:var(--sp-4);z-index:var(--z-sticky-buy);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-8);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-6);border-radius:var(--r-pill);background:var(--c-anchor-800);color:#fff;box-shadow:var(--sh-3)}.ih-ms__tray[hidden]{display:none}.ih-ms__tray.is-full{animation:ih-ms-nudge var(--dur-4) var(--ease-out)}.ih-ms__traytext{margin:0;font-weight:600}.ih-ms__formwrap{margin-top:var(--sp-16);padding:var(--sp-6);border:1px solid var(--c-line);border-radius:var(--r-xl);background:#fff;scroll-margin-top:96px}.ih-ms__empty{color:var(--muted)}@keyframes ih-ms-nudge{30%{transform:translate(-6px)}60%{transform:translate(6px)}}@media(min-width:750px){.ih-ms__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ih-ms__filters{grid-template-columns:auto auto 1fr;align-items:center;gap:var(--sp-8);min-height:56px}.ih-ms__count{justify-self:end;white-space:nowrap}.ih-ms__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.ih-ms__formwrap{padding:var(--sp-10)}.ih-ms__tray{max-width:520px;margin-inline:auto}}@media(min-width:990px){.ih-ms__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:749px){.ih-ms__flabel{min-width:0}}@media(prefers-reduced-motion:reduce){.ih-ms__sw,.ih-ms__tick,.ih-ms__card{transition:none}.ih-ms__tray.is-full{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-material-samples.css.map */
