@layer components{.product-fabric-sample__box{--pfs-green: #2f5a41;--pfs-green-mint: color-mix(in srgb, var(--pfs-green) 12%, white);--pfs-green-soft: color-mix(in srgb, var(--pfs-green) 35%, white);--pfs-amber: #8a6a35;--pfs-amber-bg: #f4ead4;--pfs-gray: #6b6b6b;--pfs-gray-bg: #eae8e3;--pfs-gray-border: #cdcbc6;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 3);width:100%;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);border:1px solid transparent;border-radius:var(--radius-4xl);background-color:var(--color-white);font-size:var(--text-base);font-weight:600;text-align:center}.product-fabric-sample__button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);min-width:0;background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:inherit}.product-fabric-sample__box--available{border-color:var(--pfs-green);color:var(--pfs-green);cursor:pointer}.product-fabric-sample__box--available:hover{background-color:var(--pfs-green);color:var(--color-white)}.product-fabric-sample__box--in-cart{justify-content:space-between;text-align:left;background-color:var(--pfs-green-mint);color:var(--pfs-green)}.product-fabric-sample__box--in-cart .product-fabric-sample__button{justify-content:flex-start}.product-fabric-sample__box--sold-out{background-color:var(--pfs-gray-bg);color:var(--pfs-gray)}.product-fabric-sample__box--no-sample{border-style:dashed;border-color:var(--pfs-gray-border);color:var(--pfs-gray);font-weight:500}.product-fabric-sample__box--limit-reached{justify-content:flex-start;text-align:left;background-color:var(--pfs-amber-bg);color:var(--pfs-amber);font-weight:500}.product-fabric-sample__box--adding{border-color:var(--pfs-green-soft);color:var(--pfs-green);opacity:.6}.product-fabric-sample__box--adding .button-loader{display:inline-flex}.product-fabric-sample__view-link{flex-shrink:0;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}}