.tg-native-swatches{width:100%;max-width:100%;margin:0 0 var(--tg-swatch-margin-bottom,11px);color:#080808;font-family:Helvetica,Arial,sans-serif;box-sizing:border-box}.tg-native-swatches,.tg-native-swatches *{box-sizing:border-box}.tg-native-swatches__selected{margin:0 0 var(--tg-swatch-label-gap,9px);padding:0;color:#080808;font-size:var(--tg-swatch-top-size,16px);font-weight:var(--tg-swatch-top-weight,700);line-height:1.2;letter-spacing:0;text-transform:none}.tg-native-swatches__list{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--tg-swatch-gap,6px);width:100%;max-width:100%;margin:0;padding:0}.tg-native-swatches__list--wrap{flex-wrap:wrap;overflow:visible}.tg-native-swatches__list--scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:2px 2px 5px;scrollbar-width:thin;scrollbar-color:#777 #e8e8e8;-webkit-overflow-scrolling:touch}.tg-native-swatches__list--scroll::-webkit-scrollbar{height:3px}.tg-native-swatches__list--scroll::-webkit-scrollbar-track{background:#e8e8e8}.tg-native-swatches__list--scroll::-webkit-scrollbar-thumb{background:#777}.tg-native-swatches__item{display:flex;flex:0 0 auto;min-width:var(--tg-swatch-outer,36px);align-items:center;flex-direction:column}.tg-native-swatches__link{position:relative;display:flex;flex:0 0 var(--tg-swatch-outer,36px);width:var(--tg-swatch-outer,36px);height:var(--tg-swatch-outer,36px);margin:0;padding:calc((var(--tg-swatch-outer,36px) - var(--tg-swatch-inner,26px) - (var(--tg-swatch-border-width,1px) * 2))/2);align-items:center;justify-content:center;border:var(--tg-swatch-border-width,1px) solid #b7b7b7;background:#fff;color:#080808;text-decoration:none;box-shadow:none;overflow:visible}.tg-native-swatches--circle .tg-native-swatches__link,.tg-native-swatches--circle .tg-native-swatches__chip,.tg-native-swatches--circle .tg-native-swatches__chip img{border-radius:50%}.tg-native-swatches--rounded .tg-native-swatches__link{border-radius:8px}.tg-native-swatches--rounded .tg-native-swatches__chip,.tg-native-swatches--rounded .tg-native-swatches__chip img{border-radius:5px}.tg-native-swatches--square .tg-native-swatches__link,.tg-native-swatches--square .tg-native-swatches__chip,.tg-native-swatches--square .tg-native-swatches__chip img{border-radius:0}.tg-native-swatches__chip{display:block;flex:0 0 var(--tg-swatch-inner,26px);width:var(--tg-swatch-inner,26px);height:var(--tg-swatch-inner,26px);margin:0;padding:0;border:0;background:var(--tg-swatch-colour,#d8d8d8);overflow:hidden}.tg-native-swatches__chip img{display:block;width:100%;height:100%;margin:0;object-fit:cover}.tg-native-swatches--border-none .tg-native-swatches__link{border-color:transparent}.tg-native-swatches--border-double .tg-native-swatches__link.is-selected,.tg-native-swatches--border-single .tg-native-swatches__link.is-selected{border:2px solid #080808;padding:calc((var(--tg-swatch-outer,36px) - var(--tg-swatch-inner,26px) - 4px)/2)}.tg-native-swatches--border-double .tg-native-swatches__link.is-selected{box-shadow:inset 0 0 0 1px #fff}.tg-native-swatches--border-none .tg-native-swatches__link.is-selected{box-shadow:0 0 0 2px #080808}.tg-native-swatches--indicator-none .tg-native-swatches__link.is-selected{border-color:#b7b7b7;box-shadow:none}.tg-native-swatches--indicator-tick .tg-native-swatches__link.is-selected:after{content:"\2713";position:absolute;top:-4px;right:-3px;z-index:2;display:flex;width:14px;height:14px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#080808;color:#fff;font-size:8px;font-weight:700;line-height:1;pointer-events:none}.tg-native-swatches__link:focus-visible{outline:2px solid #080808;outline-offset:3px}.tg-native-swatches__name{display:block;width:68px;margin:5px -16px 0;color:#4a4a4a;font-size:var(--tg-swatch-bottom-size,10px);font-weight:600;line-height:1.2;text-align:center}.tg-native-swatches--has-bottom-names .tg-native-swatches__item{margin-right:32px}.tg-native-swatches--has-bottom-names .tg-native-swatches__item:last-child{margin-right:0}@media(max-width:767px){.tg-native-swatches__selected{font-size:min(var(--tg-swatch-top-size,16px),16px)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/tangible-native-colour-swatches.css.map */