.fabric-swatches-content .transition{transition-property:opacity}.fabric-swatches-content .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.fabric-swatches-content .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.fabric-swatches-content .duration-200{transition-duration:.2s}.fabric-swatches-content .duration-300{transition-duration:.3s}.fabric-swatches-content .opacity-0{opacity:0}.fabric-swatches-content .opacity-100{opacity:1}.fabric-drawer-open{overflow:hidden}#FabricsDrawer{--brand-color: rgb(9, 9, 8);--gap: 12px;width:min(40vw,640px)}@media screen and (max-width:1580px){#FabricsDrawer{width:min(50vw,640px)}}@media screen and (max-width:1024px){#FabricsDrawer{width:min(60vw,640px)}}@media screen and (max-width:600px){#FabricsDrawer{width:100%}}.fabric-drawer__footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e5e5)}.fabric-drawer__footer .btn--full{width:100%}.fabric-selector{margin-block:1rem 0;display:grid;gap:16px}.fabric-selector .title{font-size:1.1rem}.fabric-img-sample img{height:60px;width:100%;max-width:500px;cursor:pointer}.fabric-swatches-list .fabric-group{animation:fabric-group-fade-in .4s ease-out backwards}.fabric-swatches-list .fabric-group:nth-child(1){animation-delay:.05s}.fabric-swatches-list .fabric-group:nth-child(2){animation-delay:.1s}.fabric-swatches-list .fabric-group:nth-child(3){animation-delay:.15s}.fabric-swatches-list .fabric-group:nth-child(4){animation-delay:.2s}.fabric-swatches-list .fabric-group:nth-child(5){animation-delay:.25s}.fabric-swatches-list .fabric-group:nth-child(n+6){animation-delay:.3s}@keyframes fabric-group-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fabric-swatches-list .fabric-swatch{animation:fabric-swatch-fade-in .3s ease-out backwards}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(1){animation-delay:.02s}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(2){animation-delay:.04s}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(3){animation-delay:.06s}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(4){animation-delay:.08s}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(5){animation-delay:.1s}.fabric-swatches-list .group-swatches .fabric-swatch:nth-child(n+6){animation-delay:.12s}@keyframes fabric-swatch-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fabric-loading{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:3rem 1.5rem;min-height:200px;color:var(--text-color, #333);opacity:.85}.fabric-loading .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fabric-loading__text{font-size:.9rem}.fabric-swatches-content{display:grid;min-height:120px}.fabric-swatches-content .group-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);--swatch-size: 100%}@media screen and (max-width:1280px){.fabric-swatches-content .group-swatches{grid-template-columns:repeat(4,1fr);gap:16px}}@media screen and (max-width:600px){.fabric-swatches-content .group-swatches{grid-template-columns:repeat(3,1fr);gap:8px}}.fabric-group{margin-block-end:2rem}.fabric-swatch{display:grid;gap:6px;cursor:pointer;width:var(--swatch-size);position:relative}fabric-swatch-image,.fabric-swatch-image{display:block;line-height:0;aspect-ratio:1;max-width:var(--swatch-size);background-color:#e8e8e8;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;transition:opacity .25s ease}.fabric-swatch .fabric-name{font-size:15px;font-weight:500;line-height:1.1;display:block}@media screen and (max-width:1024px){.fabric-swatch .fabric-name{font-size:12px}}@media screen and (max-width:800px){.fabric-swatch .fabric-name{font-size:10px}}.fabric-swatch .icon-checked{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:#fff}.fabric-swatch .image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.fabric-swatch.selected fabric-swatch-image{outline:4px solid var(--brand-color)}.has-fabric-selector:not(.fabric-selected) .product-form{display:none!important}.fabric-error-msg{color:#e53935;font-weight:600}.selected-swatch .fabric-swatch img{width:64px;height:64px}@media screen and (max-width:800px){.fabric-tooltip{display:none!important}}.fabric-tooltip__content{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:20px}@media screen and (max-width:1280px){.fabric-tooltip__content{grid-template-columns:160px 1fr;padding:12px}}.fabric-tooltip .image-wrap{width:100%;height:100%}.fabric-tooltip img{width:100%;height:100%;object-fit:cover}.spf-product-card-fabric{margin-block:4px;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/33/assets/_fabric-selector.css.map */