.fabric-sample-picker{display:block;position:relative}.fabric-samples__header .rte{max-width:60ch;margin-inline:auto}.fabric-slots-wrap{position:sticky;top:var(--header-height, 0px);z-index:5;background:rgb(var(--color-background));padding-block:12px;margin-inline:calc(var(--page-width-margin, 16px) * -1);padding-inline:var(--page-width-margin, 16px);border-bottom:1px solid rgb(var(--color-border, var(--color-foreground) / .08))}.fabric-slots{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;overflow-x:auto;scrollbar-width:none}.fabric-slots::-webkit-scrollbar{display:none}.fabric-slot{position:relative;flex:0 0 auto;width:64px;height:64px;border-radius:8px;border:1.5px dashed rgb(var(--color-foreground) / .25);background:rgb(var(--color-foreground) / .03);display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background-color .15s ease}@media(min-width:768px){.fabric-slot{width:76px;height:76px}}.fabric-slot.is-filled{border-style:solid;border-color:rgb(var(--color-foreground) / .7);background:transparent}.fabric-slot__placeholder{font-size:22px;font-weight:300;color:rgb(var(--color-foreground) / .35);pointer-events:none}.fabric-slot__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:inherit;overflow:hidden}.fabric-slot__image img{width:100%;height:100%;object-fit:cover;display:block}.fabric-slot__remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:999px;background:rgb(var(--color-foreground) / .78);color:rgb(var(--color-background));border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 1px 3px #00000040;transition:transform .12s ease,background-color .12s ease}.fabric-slot__remove:hover{transform:scale(1.08);background:rgb(var(--color-foreground))}.fabric-slot__remove svg{display:block}.fabric-slots__hint{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;color:rgb(var(--color-foreground) / .7)}.fabric-slots__hint.is-visible{opacity:1;visibility:visible}.fabric-groups{display:flex;flex-direction:column;gap:10px;padding:16px 0 100px}.fabric-group{border-radius:10px;background:rgb(var(--color-foreground) / .045);overflow:hidden;transition:background-color .15s ease}.fabric-group[open]{background:rgb(var(--color-foreground) / .06)}.fabric-group__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:15px;font-weight:500;color:rgb(var(--color-foreground));-webkit-user-select:none;user-select:none}.fabric-group__summary::-webkit-details-marker{display:none}.fabric-group__summary:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.fabric-group__title{flex:1 1 auto;min-width:0}.fabric-group__meta{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.fabric-group__count{font-size:12px;font-weight:500;color:rgb(var(--color-foreground) / .55);background:rgb(var(--color-background));border-radius:999px;padding:2px 8px;min-width:22px;text-align:center}.fabric-group__icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease}.fabric-group[open] .fabric-group__icon{transform:rotate(180deg)}.fabric-group__content{padding:4px 18px 18px;background:rgb(var(--color-background))}.fabric-group .fabric-grid{padding:12px 0 4px}.fabric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 0 100px;margin:0;list-style:none}@media(min-width:640px){.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media(min-width:900px){.fabric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.fabric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.fabric-card-wrap{list-style:none}.fabric-card{position:relative;display:flex;flex-direction:column;gap:8px}.fabric-card__select{display:flex;flex-direction:column;gap:8px;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit;width:100%}.fabric-card__select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:6px}.fabric-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;background:rgb(var(--color-foreground) / .04);border:2px solid transparent;transition:border-color .15s ease}.fabric-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.fabric-card:hover .fabric-card__media img{transform:scale(1.04)}.fabric-card__check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1.5px solid rgb(var(--color-foreground) / .18);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .12s ease,background-color .12s ease,color .12s ease;z-index:2}.fabric-card.is-selected .fabric-card__media{border-color:rgb(var(--color-foreground))}.fabric-card.is-selected .fabric-card__check{opacity:1;transform:scale(1);background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.fabric-card__info{display:grid;gap:2px;padding-inline:2px}.fabric-card__name{display:block;font-size:13px;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground))}.fabric-card__category{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--color-foreground) / .55)}.fabric-card__details{align-self:flex-start;position:relative;z-index:3;margin-top:4px;background:transparent;border:0;padding:6px 4px;font-size:12px;line-height:1;text-decoration:underline;text-underline-offset:3px;color:rgb(var(--color-foreground) / .75);cursor:pointer;transition:color .12s ease}.fabric-card__details:hover{color:rgb(var(--color-foreground))}.fabric-card__details:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:4px}.fabric-empty{border:1px dashed rgb(var(--color-foreground) / .18);border-radius:12px;padding:40px 20px}.fabric-cta-bar{background:rgb(var(--color-background));border-top:1px solid rgb(var(--color-foreground) / .1);padding-block:12px;box-shadow:0 -6px 18px #0000000a;transform:translateY(0);transition:transform .25s ease}.fabric-cta-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.fabric-cta-bar__continue.is-disabled,.fabric-cta-bar__continue:disabled{opacity:.45;pointer-events:none}.fabric-cta-bar__continue{min-width:160px}@media(min-width:768px){.fabric-cta-bar__continue{min-width:200px}}.fabric-detail-drawer .drawer__inner{max-width:480px;width:100%}.fabric-detail__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:rgb(var(--color-foreground) / .04);isolation:isolate}.fabric-detail__media img,.fabric-detail__image{width:100%;height:100%;object-fit:cover;display:block;will-change:filter;transition:filter .06s linear}.fabric-detail__light{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;color:#fff;box-shadow:0 2px 10px #0000002e;pointer-events:auto}.fabric-detail__light-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;opacity:.85}.fabric-detail__light-icon--low{width:14px;height:14px;opacity:.6}.fabric-detail__light-icon--high{width:18px;height:18px}.fabric-detail__light-slider{flex:1 1 auto;appearance:none;-webkit-appearance:none;background:transparent;height:18px;margin:0;cursor:pointer;touch-action:none}.fabric-detail__light-slider:focus{outline:none}.fabric-detail__light-slider:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:999px}.fabric-detail__light-slider::-webkit-slider-runnable-track{height:4px;background:#ffffff47;border-radius:999px}.fabric-detail__light-slider::-moz-range-track{height:4px;background:#ffffff47;border-radius:999px;border:0}.fabric-detail__light-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:999px;background:#fff;border:0;box-shadow:0 1px 3px #0006;cursor:pointer;transition:transform .12s ease}.fabric-detail__light-slider::-webkit-slider-thumb:hover,.fabric-detail__light-slider:active::-webkit-slider-thumb{transform:scale(1.12)}.fabric-detail__light-slider::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:#fff;border:0;box-shadow:0 1px 3px #0006;cursor:pointer}@media(prefers-reduced-motion:reduce){.fabric-detail__image,.fabric-detail__light-slider::-webkit-slider-thumb{transition:none}}.fabric-detail__category{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--color-foreground) / .6);margin-bottom:4px}.fabric-detail__name{font-size:22px;font-weight:600;line-height:1.2;margin-bottom:8px}.fabric-detail__meta{font-size:13px;color:rgb(var(--color-foreground) / .7);margin-block:2px}.fabric-detail__description{margin-top:12px;font-size:14px;line-height:1.55}.fabric-form-drawer .drawer__inner{max-width:520px;width:100%}.fabric-form .field{width:100%}.fabric-form-preview{background:rgb(var(--color-foreground) / .04);border-radius:8px;padding:14px}.fabric-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;list-style:none;margin:0;padding:0}.fabric-preview__item{display:flex;align-items:center;gap:10px;font-size:13px;background:rgb(var(--color-background));border-radius:6px;padding:6px 10px 6px 6px;min-width:0}.fabric-preview__item img{width:36px;height:36px;min-width:36px;object-fit:cover;border-radius:4px;flex-shrink:0;display:block;background:rgb(var(--color-foreground) / .05)}.fabric-preview__name{font-size:12px;line-height:1.3;flex:1 1 auto;min-width:0}.fabric-form-success svg{margin-inline:auto;width:56px;height:56px;color:rgb(var(--color-success, 26 137 86))}
/*# sourceMappingURL=/cdn/shop/t/12/assets/fabric-samples.css.map */