:root{--tbbc-accent: #ce775f;--tbbc-swatch-size: 26px;--tbbc-swatch-gap: 8px;--tbbc-fit-8: calc((var(--tbbc-swatch-size) * 8) + (var(--tbbc-swatch-gap) * 7) + 20px);--tbbc-fit-6: calc((var(--tbbc-swatch-size) * 6) + (var(--tbbc-swatch-gap) * 5) + 20px);--tbbc-qv-clear-desktop: 125px;--tbbc-break-desktop: 990px;--tbbc-frost-alpha: .42;--tbbc-frost-border: .4;--tbbc-frost-blur: 8px;--tbbc-edge-left: 8px;--tbbc-edge-bottom: 8px}.image-cont{position:relative}@media (min-width: var(--tbbc-break-desktop)){.image-cont .quick-action-button{position:relative;z-index:60}}.tbbc-swatches-bar{position:absolute;left:var(--tbbc-edge-left);bottom:var(--tbbc-edge-bottom);z-index:40;pointer-events:auto;text-align:left;max-width:calc(100% - var(--tbbc-edge-left) * 2)}@media (min-width: var(--tbbc-break-desktop)){.tbbc-swatches-bar{max-width:calc(100% - var(--tbbc-edge-left) * 2 - var(--tbbc-qv-clear-desktop))}}.tbbc-swatch-toggle{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;font:inherit;font-size:10.75px;line-height:1.1;white-space:nowrap;color:#222;background:rgba(255,255,255,var(--tbbc-frost-alpha));backdrop-filter:blur(var(--tbbc-frost-blur));-webkit-backdrop-filter:blur(var(--tbbc-frost-blur));border:1px solid rgba(255,255,255,var(--tbbc-frost-border));border-radius:9999px;box-shadow:0 2px 5px #0000000d;cursor:pointer;transition:all .25s ease}.tbbc-swatch-toggle:hover{background:#ffffffa3;border-color:#fff9;box-shadow:0 4px 10px #00000014}.tbbc-swatch-toggle.is-hidden{display:none!important}.tbbc-toggle__chev{display:inline-flex;opacity:.85;color:#444}.tbbc-swatches-tray{margin-top:5px;position:relative;background:rgba(255,255,255,var(--tbbc-frost-alpha));backdrop-filter:blur(var(--tbbc-frost-blur));-webkit-backdrop-filter:blur(var(--tbbc-frost-blur));border:1px solid rgba(255,255,255,var(--tbbc-border-color));border-radius:10px;padding:5px 10px;box-shadow:0 2px 6px #0000001a;box-sizing:border-box;z-index:30;isolation:isolate;overflow:hidden}.tbbc-swatches-tray.is-collapsed{display:none}.tbbc-swatches-scroll{padding:4px 0;border-radius:inherit;scrollbar-width:none;-ms-overflow-style:none}.tbbc-swatches-scroll::-webkit-scrollbar{height:0;width:0;display:none}.tbbc-swatches-tray--lt8{width:-moz-fit-content;width:fit-content;min-width:120px;max-width:100%}.tbbc-swatches-tray--lt8 .tbbc-swatches-scroll{display:flex;gap:var(--tbbc-swatch-gap);align-items:center;overflow-x:auto;cursor:grab;-webkit-user-select:none;user-select:none}@media (min-width: var(--tbbc-break-desktop)){.tbbc-swatches-tray--lt8 .tbbc-swatches-scroll{overflow-x:hidden;cursor:default}}.tbbc-swatches-tray--gte8{width:var(--tbbc-fit-6);max-width:100%}.tbbc-swatches-tray--gte8 .tbbc-swatches-scroll{display:grid;overflow-x:auto;grid-auto-flow:column;grid-auto-columns:var(--tbbc-swatch-size);column-gap:var(--tbbc-swatch-gap);cursor:grab;-webkit-user-select:none;user-select:none}@media (min-width: var(--tbbc-break-desktop)){.tbbc-swatches-tray--gte8{width:var(--tbbc-fit-8);max-width:100%}}.tbbc-swatches-scroll.is-dragging{cursor:grabbing}.tbbc-scroll-fade{position:absolute;top:0;bottom:0;width:20px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:2}.tbbc-scroll-fade--left{left:0;background:linear-gradient(to right,rgba(255,255,255,var(--tbbc-frost-alpha)),#fff0)}.tbbc-scroll-fade--right{right:0;background:linear-gradient(to left,rgba(255,255,255,var(--tbbc-frost-alpha)),#fff0)}.tbbc-swatches-tray.has-left .tbbc-scroll-fade--left,.tbbc-swatches-tray.has-right .tbbc-scroll-fade--right{opacity:1}.tbbc-swatch{width:var(--tbbc-swatch-size);height:var(--tbbc-swatch-size);box-sizing:border-box;border-radius:50%;overflow:hidden;border:1px solid rgba(0,0,0,.18);transition:transform .12s ease,border-color .12s ease;flex-shrink:0}.tbbc-swatches-scroll.is-dragging .tbbc-swatch{pointer-events:none}.tbbc-swatch:hover{transform:scale(1.08);border-color:#0006}.tbbc-swatch.is-active{outline:2px solid var(--tbbc-accent);outline-offset:2px}.tbbc-swatch.is-sold-out{opacity:.45}.tbbc-swatch__img{width:100%;height:100%;object-fit:cover;display:block}.tbbc-swatch__fallback{width:100%;height:100%;background:#ddd;display:block;border-radius:50%}.tbbc-swatch-toggle:focus-visible,.tbbc-swatch:focus-visible{outline:2px solid var(--tbbc-accent);outline-offset:2px}@media (max-width: 989px){.product-block__image-dots{left:auto;right:8px;bottom:8px;transform:none;z-index:40}}.tbbc-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;margin:0;background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;z-index:3;opacity:0;visibility:hidden;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.tbbc-scroll-arrow:hover{background:#fff}.tbbc-scroll-arrow--prev{left:6px}.tbbc-scroll-arrow--next{right:6px}.tbbc-swatches-tray.has-left .tbbc-scroll-arrow--prev,.tbbc-swatches-tray.has-right .tbbc-scroll-arrow--next{opacity:1;visibility:visible}@media (min-width: var(--tbbc-break-desktop)){.tbbc-swatches-tray--lt8 .tbbc-scroll-arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/colour-swatches-card.css.map */