.fabric-samples-block{width:100%}.fabric-samples-button{-webkit-appearance:none;appearance:none;background:rgb(var(--color-background));border:1px solid var(--border-primary);border-radius:.125rem;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.125rem;position:relative;transition:all .2s ease;width:100%;text-align:left;gap:18px}.fabric-samples-button:hover{background:#faf9f7;transform:translateY(-1px);box-shadow:0 2px 8px #8c7c6d1a}.fabric-samples-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.fabric-samples-button:active{transform:translateY(0)}.fabric-samples-button__content{display:flex;align-items:center;flex:1}.fabric-samples-button__text{color:#000;font-family:var(--font-family-libre-franklin);font-size:11px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:1.32px;text-transform:uppercase}.fabric-samples-button__text p{margin:0}.fabric-samples-button__text strong{font-weight:600}.fabric-samples-button__icon{background:#c5beb6;border-radius:6rem;color:#fff;display:flex;align-items:center;justify-content:center;height:32px;width:32px;flex-shrink:0}@media (max-width: 749px){.fabric-samples-button{padding:22px 16px}.fabric-samples-button__icon{height:1.75rem;width:1.75rem;margin-left:.875rem}}@media (min-width: 990px){.fabric-samples-button{padding:18px}}[dir=rtl] .fabric-samples-button__icon{margin-left:0;margin-right:1.125rem}[dir=rtl] .fabric-samples-button__icon svg{transform:scaleX(-1)}@media (max-width: 749px){[dir=rtl] .fabric-samples-button__icon{margin-right:.875rem}}@media (prefers-contrast: high){.fabric-samples-button{border:2px solid rgb(var(--color-foreground))}.fabric-samples-button:hover,.fabric-samples-button:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.fabric-samples-button:hover .fabric-samples-button__icon,.fabric-samples-button:focus-visible .fabric-samples-button__icon{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}}@media (prefers-reduced-motion: reduce){.fabric-samples-button,.fabric-samples-button__icon{transition:none}.fabric-samples-button:hover{transform:none;box-shadow:none}.fabric-samples-button:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-fabric-samples.css.map */