.fabric-configurator{margin-top:14px;margin-bottom:6px;position:relative}.fabric-configurator__inner{padding:0;border:0;border-radius:0;background:transparent;position:relative}.fabric-configurator__header{display:block;margin-bottom:10px}.fabric-configurator__top-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.fabric-configurator__action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 15px;border:1px solid #d7d7d7;border-radius:999px;background:#fff;color:#111;font-size:13px;font-weight:400!important;letter-spacing:.15px;line-height:1;text-decoration:none;text-transform:none!important;cursor:pointer;box-shadow:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.fabric-configurator__action-button img{width:18px;height:18px;object-fit:contain;display:block;flex:0 0 18px}.fabric-configurator__action-button span{font-weight:400!important}.fabric-configurator__action-button:hover{background:#f7f7f7;border-color:#a8a8a8;color:#111;transform:translateY(-1px)}.fabric-configurator__action-button--dark,.fabric-configurator__action-button--dark:hover{background:#fff;color:#111;border-color:#d7d7d7}.fabric-configurator__title{font-weight:500;margin:0 0 10px;font-size:16px;line-height:1.3}.fabric-configurator__total{margin-top:6px;text-align:left}.fabric-configurator__total-label,.fabric-configurator__total-price{display:inline;font-size:13px;font-weight:500;line-height:1.2}.fabric-configurator__total-price{margin-left:4px}.fabric-configurator__group+.fabric-configurator__group{margin-top:14px}.fabric-configurator__group-head{margin-bottom:7px}.fabric-configurator__group-title{margin:0 0 7px;font-size:14px;font-weight:500;line-height:1.2}.fabric-configurator__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.fabric-configurator__swatch{appearance:none;-webkit-appearance:none;width:100%;min-height:102px;border:1px solid #d9d9d9;background:#fff;border-radius:12px;cursor:pointer;padding:7px 6px 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease}.fabric-configurator__swatch:hover{border-color:#999;transform:translateY(-1px)}.fabric-configurator__swatch.is-selected{border:2px solid #111;box-shadow:0 0 0 1px #111 inset,0 0 0 2px #00000014}.fabric-configurator__swatch-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;width:100%;height:100%}.fabric-configurator__image-wrap{width:54px;height:54px;min-width:54px;min-height:54px;max-width:54px;max-height:54px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;overflow:hidden;border-radius:8px;background:#fff;flex-shrink:0}.fabric-configurator__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:8px;transform:scale(1.65);transition:opacity .25s ease,transform .25s ease}.fabric-configurator__swatch:hover .fabric-configurator__image{transform:scale(1.9)}.fabric-configurator__label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.15;text-align:center;word-break:break-word;margin:0;min-height:2.3em}.fabric-configurator__badge{display:inline-block;margin-top:4px;font-size:10px;line-height:1.1;font-weight:500;color:#111;background:#f2f2f2;border-radius:999px;padding:2px 6px;white-space:nowrap}.fabric-configurator__properties{margin:0;padding:0}.fabric-configurator__preview-popover[hidden]{display:none!important}.fabric-configurator__preview-popover{position:absolute;width:270px;background:#fff;border:1px solid #dcdcdc;border-radius:14px;box-shadow:0 18px 45px #0000002e;padding:12px 12px 10px;z-index:30}.fabric-configurator__preview-close{position:absolute;top:6px;right:8px;width:28px;height:28px;border:0;border-radius:999px;background:#fffffff5;box-shadow:0 1px 4px #0000001f;font-size:20px;line-height:1;cursor:pointer;z-index:2}.fabric-configurator__preview-image-wrap{width:246px;height:246px;margin:0 auto;overflow:hidden;border-radius:12px;background:#fff}.fabric-configurator__preview-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.fabric-configurator__preview-label{margin-top:8px;font-size:12px;line-height:1.25;font-weight:500;text-align:center;color:#111}.fabric-configurator__modal[hidden]{display:none!important}.fabric-configurator__modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:999999!important;width:100vw;height:100vh}.fabric-configurator__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094}.fabric-configurator__modal-dialog{position:relative;width:min(1180px,calc(100vw - 32px));height:min(88vh,860px);margin:32px auto;background:#fff;border-radius:18px;overflow:hidden;z-index:2;box-shadow:0 24px 70px #00000047}.fabric-configurator__modal-close{position:absolute;top:12px;right:14px;z-index:3;width:40px;height:40px;border:0;border-radius:999px;background:#fffffff5;color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 10px #00000029}.fabric-configurator__modal-body,.fabric-configurator__modal-frame{width:100%;height:100%}.fabric-configurator__modal-frame{border:0;display:block;background:#fff}html.fabric-configurator-modal-open,body.fabric-configurator-modal-open{overflow:hidden}@media(max-width:767px){.fabric-configurator__top-actions{flex-direction:column;gap:8px}.fabric-configurator__action-button{width:100%;min-height:42px}.fabric-configurator__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fabric-configurator__swatch{min-height:96px;padding:6px 5px 4px}.fabric-configurator__image-wrap{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}.fabric-configurator__preview-popover{width:min(270px,calc(100vw - 28px))}.fabric-configurator__preview-image-wrap{width:100%;height:auto;aspect-ratio:1 / 1}.fabric-configurator__modal-dialog{width:calc(100vw - 14px);height:calc(100vh - 20px);margin:10px auto;border-radius:14px}.fabric-configurator__modal-close{top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-fabric-configurator.css.map */