gf-fabric-swatches{display:block;color:#24483e}
.gf-swatches__trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:5px;padding:7px 0;color:#24483e;font:500 14px/1.5 Poppins,Arial,sans-serif;letter-spacing:normal;text-decoration:none;max-width:100%;}
.gf-swatches__trigger>span:first-of-type{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.gf-swatches__trigger svg{flex:none;width:18px;height:18px}
.gf-swatches__arrow{font-size:19px;line-height:1}
.gf-swatches__trigger:hover{color:#152f27}
.gf-swatches__trigger:focus-visible,.gf-swatches__dialog :is(button,a):focus-visible{outline:2px solid #24483e;outline-offset:3px}
.gf-swatches__dialog{box-sizing:border-box;color:#28352f;background:#fff;border:1px solid #d9dfd6;border-radius:10px;padding:0;width:min(720px,calc(100% - 48px));max-width:calc(100% - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;box-shadow:0 18px 60px #18352b38;font:400 14px/1.6 Poppins,Arial,sans-serif;letter-spacing:normal;overflow:hidden}
.gf-swatches__dialog[open]{display:flex;flex-direction:column;height:min(900px,calc(100dvh - 48px))}
.gf-swatches__dialog::backdrop{background:#1c2b225c}
.gf-swatches__dialog *{box-sizing:border-box}
.gf-swatches__header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 12px;flex:none;border-bottom:1px solid #e2e6de}
.gf-swatches__header>div{min-width:0}
.gf-swatches__dialog .gf-swatches__header h2{font-size:20px;line-height:1.4;letter-spacing:normal;font-weight:500;margin:0;color:#28352f}
.gf-swatches .gf-swatches__dialog .gf-swatches__product{font-size:12px;line-height:1.5;color:#58665b;margin:4px 0 0;overflow-wrap:anywhere}
.gf-swatches__dialog button{font:400 13px/1.5 Poppins,Arial,sans-serif;color:#24483e;background:#fff;border:1px solid #cad4c5;border-radius:4px;padding:8px 11px;min-height:44px;min-width:44px;cursor:pointer;touch-action:manipulation;box-shadow:none;letter-spacing:normal}
.gf-swatches__dialog .gf-swatches__close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;font-size:29px;line-height:1;border-color:#d9dfd6}
.gf-swatches__viewport{display:flex;flex:1 1 360px;min-height:100px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#f8f9f6;padding:12px;scrollbar-gutter:stable;text-align:center}
.gf-swatches__image{display:block;flex:none;max-width:none;object-fit:contain;margin:auto;width:100%;height:auto;aspect-ratio:auto}
.gf-swatches__image[hidden]{display:none}
.gf-swatches .gf-swatches__dialog .gf-swatches__status{color:#526254;font-size:14px;margin:14px 0}
.gf-swatches__status:empty{display:none}
.gf-swatches__tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding:10px 20px 0}
.gf-swatches__zoom{display:flex;gap:8px;align-items:center;flex:none}
.gf-swatches__zoom output{min-width:45px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.gf-swatches__tools>a{color:#24483e;font-size:12px;line-height:1.4;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;gap:5px;text-align:right}
.gf-swatches__choices{display:flex;flex-wrap:wrap;gap:7px;flex:none;max-height:120px;overflow:auto;overscroll-behavior:contain;padding:10px 20px 0}
.gf-swatches__choices button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.gf-swatches__choices button[aria-pressed=true]{background:#edf1e9;border-color:#24483e;font-weight:500}
.gf-swatches__dialog button:hover:not(:disabled){background:#f1f5ee}
.gf-swatches__dialog button:disabled{opacity:.45;cursor:default}
.gf-swatches .gf-swatches__dialog .gf-swatches__caption{flex:none;font-size:12px;line-height:1.5;color:#3f5145;margin:10px 20px 0;overflow-wrap:anywhere;max-height:54px;overflow:auto}
.gf-swatches .gf-swatches__dialog .gf-swatches__note{flex:none;font-size:12px;line-height:1.5;color:#58665b;margin:5px 20px 18px}
@media(max-width:749px){.gf-swatches__trigger{font-size:13px}.gf-swatches__dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:7px}.gf-swatches__header{padding:12px 14px 10px}.gf-swatches__dialog .gf-swatches__header h2{font-size:18px}.gf-swatches .gf-swatches__dialog .gf-swatches__product{font-size:11px}.gf-swatches__viewport{padding:8px}.gf-swatches__tools{padding:8px 14px 0}.gf-swatches__choices{padding:8px 14px 0;gap:6px;max-height:104px}.gf-swatches__choices button{font-size:12px;padding:8px 10px}.gf-swatches .gf-swatches__dialog .gf-swatches__caption{margin:8px 14px 0;font-size:11px}.gf-swatches .gf-swatches__dialog .gf-swatches__note{margin:5px 14px max(12px,env(safe-area-inset-bottom));font-size:11px}}
@media(max-height:550px){.gf-swatches__header{padding-top:8px;padding-bottom:7px}.gf-swatches .gf-swatches__dialog .gf-swatches__product{display:none}.gf-swatches__choices{max-height:54px;padding-top:5px}.gf-swatches .gf-swatches__dialog .gf-swatches__caption{display:none}.gf-swatches .gf-swatches__dialog .gf-swatches__note{margin-top:5px;margin-bottom:8px}.gf-swatches__tools{padding-top:4px}}