.br-fabric{width:100%;margin:24px 0 26px}.br-fabric__header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.br-fabric__title{font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.2;color:#17202b}.br-fabric__selected{font-size:12px;color:#777;line-height:1.2}.br-fabric__grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.br-fabric__item{appearance:none;-webkit-appearance:none;width:82px;padding:0;margin:0;border:0;outline:0;background:transparent;cursor:pointer;text-align:left;color:inherit;transition:transform .2s ease}.br-fabric__item:hover{transform:translateY(-2px)}.br-fabric__swatch{position:relative;display:block;width:82px;height:82px;overflow:hidden;border:1px solid #d8d4cf;border-radius:5px;background:#f4f2ef;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease}.br-fabric__item:hover .br-fabric__swatch{border-color:#aaa39b;box-shadow:0 4px 12px #0000001a}.br-fabric__swatch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.br-fabric__item:hover .br-fabric__swatch img{transform:scale(1.07)}.br-fabric__zoom{position:absolute;right:5px;bottom:5px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#fffffff0;color:#17202b;font-size:15px;font-weight:400;line-height:1;box-shadow:0 2px 7px #00000026;pointer-events:none;transition:transform .2s ease,background .2s ease}.br-fabric__item:hover .br-fabric__zoom{transform:scale(1.08);background:#fff}.br-fabric__name{display:block;width:100%;margin-top:7px;padding:0;color:#333;font-size:11px;line-height:1.3;text-align:center;white-space:normal}.br-fabric-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px}.br-fabric-modal.is-open{display:flex}.br-fabric-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1114b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.br-fabric-modal__content{position:relative;z-index:2;width:min(900px,94vw);max-height:94vh;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 25px 80px #0000004d}.br-fabric-modal__close{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#fffffff0;color:#17202b;font-size:25px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:transform .2s ease,background .2s ease}.br-fabric-modal__close:hover{transform:scale(1.06);background:#fff}.br-fabric-modal__image-wrapper{position:relative;width:100%;height:min(72vh,720px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f4;cursor:zoom-in;touch-action:none}.br-fabric-modal__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .18s ease;will-change:transform}.br-fabric-modal__image.is-zoomed{cursor:zoom-out}.br-fabric-modal__info{padding:16px 20px 18px;text-align:center;border-top:1px solid #eee}.br-fabric-modal__name{color:#17202b;font-size:16px;font-weight:600;line-height:1.3}.br-fabric-modal__code{margin-top:4px;color:#777;font-size:12px;line-height:1.3}.br-fabric-modal__hint{margin-top:8px;color:#999;font-size:11px}@media screen and (max-width:767px){.br-fabric{margin:22px 0 24px}.br-fabric__grid{gap:13px}.br-fabric__item{width:76px}.br-fabric__swatch{width:76px;height:76px}.br-fabric-modal{padding:10px}.br-fabric-modal__content{width:100%;max-height:94vh;border-radius:7px}.br-fabric-modal__image-wrapper{height:70vh}}@media screen and (max-width:480px){.br-fabric__header{margin-bottom:12px}.br-fabric__title{font-size:12px}.br-fabric__selected{font-size:11px}.br-fabric__grid{gap:12px}.br-fabric__item{width:68px}.br-fabric__swatch{width:68px;height:68px}.br-fabric__zoom{width:19px;height:19px;right:4px;bottom:4px;font-size:14px}.br-fabric__name{margin-top:6px;font-size:10px}.br-fabric-modal__image-wrapper{height:68vh}.br-fabric-modal__info{padding:13px 15px 15px}.br-fabric-modal__name{font-size:15px}}body:has(.br-fabric-modal.is-open){overflow:hidden}.br-fabric,.br-fabric *,.br-fabric-modal,.br-fabric-modal *,.br-fabric-modal__image-wrapper,.br-fabric-modal__image{cursor:default!important}.br-fabric__item{cursor:pointer!important}.br-fabric-modal__image-wrapper{cursor:zoom-in!important}.br-fabric-modal__image.is-zoomed{cursor:zoom-out!important}.br-fabric-modal__close,.br-fabric-modal__overlay{cursor:pointer!important}
/*# sourceMappingURL=/cdn/shop/t/66/assets/br-fabric-swatches.css.map */