.fabric-sample-viewer{color:#514b40;min-width:0}.fabric-sample-viewer__tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.fabric-sample-viewer button{font:inherit;cursor:pointer}.fabric-sample-viewer__tabs button,.fabric-sample-viewer__zoom button,.fabric-sample-viewer__dialog header button{color:#514b40;background:#fffaf1;border:1px solid #d7cebf;border-radius:3px;min-height:44px;padding:9px 12px;font-size:12px}.fabric-sample-viewer__tabs [aria-selected=true],.fabric-sample-viewer__zoom [aria-pressed=true]{background:#e5d8c7;border-color:#917357}.fabric-sample-viewer button:focus-visible,.fabric-sample-viewer__photo-scroll:focus-visible{outline-offset:3px;outline:2px solid #7b4b43}.fabric-sample-viewer__panels{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.fabric-sample-viewer__photo{min-width:0;margin:0}.fabric-sample-viewer__photo-button{background:#eee7dc;border:1px solid #d7cebf;border-radius:4px;width:100%;height:clamp(300px,42vw,540px);padding:0;display:block;position:relative;overflow:hidden}.fabric-sample-viewer__photo-button img{object-fit:contain;width:100%;height:100%;display:block}.fabric-sample-viewer__photo-button>span{color:#514b40;background:#fffcf4ed;border-radius:3px;padding:8px 12px;font-size:11px;position:absolute;bottom:14px;right:14px}.fabric-sample-viewer__photo figcaption{margin-top:10px;font-size:11px;line-height:1.5}.fabric-sample-viewer__missing{text-align:center;background:#eee7dc;border:1px solid #d7cebf;place-items:center;min-height:280px;padding:20px;font-size:13px;line-height:1.6;display:grid}.fabric-sample-viewer__note{margin:14px 0 0;font-size:11px;line-height:1.6}.fabric-sample-viewer__folds{min-width:0}.fabric-sample-viewer__folds .k3d-stage{height:clamp(300px,42vw,540px)}.fabric-sample-viewer__dialog{box-sizing:border-box;color:#514b40;background:#fffaf1;border:1px solid #d7cebf;border-radius:5px;width:min(1100px,100vw - 24px);max-width:calc(100vw - 24px);height:min(900px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:16px}.fabric-sample-viewer__dialog::backdrop{background:#211c17c9}.fabric-sample-viewer__dialog-content{flex-direction:column;height:100%;min-height:0;display:flex}.fabric-sample-viewer__dialog header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fabric-sample-viewer__dialog h2{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}.fabric-sample-viewer__zoom{gap:6px;margin:12px 0;display:flex}.fabric-sample-viewer__photo-scroll{overscroll-behavior:contain;background:#eee7dc;flex:1;min-height:0;overflow:auto}.fabric-sample-viewer__photo-scroll img{max-width:none;height:auto;display:block}.fabric-sample-viewer__photo-scroll.is-fit img{object-fit:contain;height:100%}.fabric-sample-viewer__dialog-content>p{margin:12px 0 0;font-size:11px;line-height:1.6}@media (width>=1100px){.fabric-sample-viewer__panels--compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fabric-sample-viewer__panels--compare .fabric-sample-viewer__photo-button,.fabric-sample-viewer__panels--compare .k3d-stage{height:380px}}@media (width<=560px){.fabric-sample-viewer__tabs{gap:4px}.fabric-sample-viewer__tabs button{flex:auto;padding:8px;font-size:11px}.fabric-sample-viewer__photo-button,.fabric-sample-viewer__folds .k3d-stage{height:330px}.fabric-sample-viewer__dialog{padding:10px}.fabric-sample-viewer__dialog h2{font-size:13px}}