.shop-by-fabric-modal__inner-wrapper{opacity:0;transform:translateY(50px);position:fixed;top:0;right:var(--gutter);bottom:0;left:var(--gutter);z-index:600;overflow:auto;transition:opacity var(--transition-small),transform var(--transition-small);padding-block:var(--space-80)}.shop-by-fabric-modal[open] .shop-by-fabric-modal__inner-wrapper{opacity:1;transform:translateY(0)}
.shop-by-fabric-modal__inner{padding:var(--space-24);background:var(--color-white);width:100%;max-width:600px;position:relative;height:-moz-max-content;height:max-content;border-radius:var(--space-8)}@media(min-width:960px){.shop-by-fabric-modal__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
}.shop-by-fabric-modal [data-content]{height:100%}.shop-by-fabric-modal__close{position:absolute;--icon-size:16px;padding:12px;margin:-12px;top:var(--space-16);right:var(--space-16);display:block;z-index:15}.shop-by-fabric-modal__close:hover svg{transform:rotate(90deg)}.shop-by-fabric-modal__close svg{transition:transform var(--transition-small);display:block}
.shop-by-fabric-modal__item-list{list-style:none;display:grid;gap:var(--space-12);font:var(--font-body-sans-1);text-transform:var(--font-body-sans-1-text-transform);letter-spacing:var(--font-body-sans-1-letter-spacing)}.shop-by-fabric-modal__jumplink{text-decoration:none}.shop-by-fabric-modal__jumplink:hover{color:var(--color-blue)}
.shop-by-fabric{padding:var(--space-16) var(--gutter) var(--space-60);max-width:var(--max-content-width);margin-inline:auto}.shop-by-fabric__title{margin-bottom:var(--space-32);max-width:600px;margin-inline:auto;text-align:center;font:var(--font-heading-3);text-transform:var(--font-heading-3-text-transform);letter-spacing:var(--font-heading-3-letter-spacing)}
@media(min-width:960px){.shop-by-fabric__title{margin-bottom:var(--space-55)}}.shop-by-fabric__line-promo{margin-bottom:var(--space-32);max-width:600px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}@media(min-width:960px){.shop-by-fabric__line-promo{margin-bottom:var(--space-55)}
}.shop-by-fabric__line-promo-image{width:180px;height:auto}.shop-by-fabric__line-promo-description{font:var(--font-body-sans-1);text-transform:var(--font-body-sans-1-text-transform);letter-spacing:var(--font-body-sans-1-letter-spacing);text-align:center}.shop-by-fabric__fabrics{margin-bottom:43px}.shop-by-fabric__fabrics-title{margin-bottom:var(--space-24);max-width:600px;margin-inline:auto;text-align:center;font:var(--font-heading-6);text-transform:var(--font-heading-6-text-transform);letter-spacing:var(--font-heading-6-letter-spacing)}
.shop-by-fabric__fabric-items{display:grid;gap:var(--space-20);list-style:none}@media(min-width:768px){.shop-by-fabric__fabric-items{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.shop-by-fabric__fabric-items{grid-template-columns:repeat(3,1fr);gap:var(--space-32)}}.shop-by-fabric__fabric-item-link{text-decoration:none;display:flex;height:100%;flex-direction:column}
.shop-by-fabric__fabric-item-image{flex-shrink:0}@media(hover:hover) and (pointer:fine){.shop-by-fabric__fabric-item-image:hover{--image-zoom:1.15}}.shop-by-fabric__fabric-item-image img{transform:scale(var(--image-zoom,1));transition:transform .9s cubic-bezier(0.214,0,0.127,1)}.shop-by-fabric__fabric-item-image.image--empty{background:var(--color-dark-grey)}
.shop-by-fabric__fabric-item-content{padding:var(--space-24) var(--space-16);display:grid;align-content:start;gap:var(--space-16);position:relative;border:1px solid var(--color-light-grey);flex:1 1 100%}.shop-by-fabric__fabric-item-title{font:var(--font-heading-7);text-transform:var(--font-heading-7-text-transform);letter-spacing:var(--font-heading-7-letter-spacing)}
.shop-by-fabric__fabric-item-copy{font:var(--font-body-sans-1);text-transform:var(--font-body-sans-1-text-transform);letter-spacing:var(--font-body-sans-1-letter-spacing)}.shop-by-fabric__fabric-item-line-image{width:107px;height:auto}.shop-by-fabric__fabric-item-logo-wrapper{border-radius:100px;width:60px;height:60px;position:absolute;right:var(--space-24);top:0;transform:translateY(-50%);background:var(--color-white);display:flex;align-items:center;justify-content:center}
.shop-by-fabric__fabric-item-logo{width:25px;height:25px;-o-object-fit:contain;object-fit:contain}.shop-by-fabric__jumplink{margin-bottom:37px;display:block}@media(min-width:768px){.shop-by-fabric__jumplink{display:none}}.shop-by-fabric__jumplink-label{font:var(--font-body-serif-2);text-transform:var(--font-body-serif-2-text-transform);letter-spacing:var(--font-body-serif-2-letter-spacing);margin-bottom:var(--space-4);color:var(--color-dark-grey)}
.shop-by-fabric__jumplink-modal-button{display:block;background:var(--form-input-background);border:var(--form-input-border);width:100%;border-radius:var(--form-input-border-radius);font:var(--font-body-sans-1);text-transform:var(--font-body-sans-1-text-transform);letter-spacing:var(--font-body-sans-1-letter-spacing);color:inherit;box-shadow:none;outline:0;position:relative;padding:16px 40px 16px 16px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%227%22%20viewBox%3D%220%200%2011%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.17866%200.694939C9.30964%200.56844%209.48505%200.498444%209.66714%200.500026C9.84922%200.501608%2010.0234%200.574642%2010.1521%200.703398C10.2809%200.832154%2010.3539%201.00633%2010.3555%201.18841C10.3571%201.37049%2010.2871%201.54591%2010.1606%201.67688L5.99394%205.84355C5.86371%205.97374%205.68711%206.04687%205.50297%206.04687C5.31883%206.04687%205.14222%205.97374%205.012%205.84355L0.845329%201.67688C0.718831%201.54591%200.648835%201.37049%200.650417%201.18841C0.651999%201.00633%200.725033%200.832154%200.853789%200.703398C0.982544%200.574642%201.15672%200.501608%201.3388%200.500026C1.52088%200.498444%201.6963%200.56844%201.82727%200.694939L5.50297%204.37063L9.17866%200.694939Z%22%20fill%3D%22%23202020%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat center;background-position:right 15px center;background-size:10px;text-align:left;border-radius:2px}
.shop-by-fabric__jumplink-modal-button:focus-visible{outline:0;border-color:var(--color-blue)}.shop-by-fabric>:last-child{margin-bottom:0}