.costan-linked-colours{width:100%;margin:6px 0 20px;color:rgb(var(--color-foreground))}.costan-linked-colours,.costan-linked-colours *,.costan-linked-colours *:before,.costan-linked-colours *:after{box-sizing:border-box}.costan-linked-colours__list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.costan-linked-colours__item{width:68px;display:grid;justify-items:center;gap:5px;color:rgb(var(--color-foreground));text-decoration:none}.costan-linked-colours__thumb{position:relative;width:68px;height:72px;display:block;overflow:hidden;border-radius:12px;border:1px solid rgba(var(--color-foreground),.14);background:#050505;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.025),0 0 #0000;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.costan-linked-colours__image{width:100%;height:100%;display:block;border-radius:11px;object-fit:cover;object-position:center;background:#050505;transform:scale(1.01);transition:transform .28s cubic-bezier(.16,1,.3,1)}.costan-linked-colours__fallback{width:100%;height:100%;display:grid;place-items:center;color:rgb(var(--color-foreground));font-size:18px;font-weight:850;text-transform:uppercase}.costan-linked-colours__name{width:100%;display:block;overflow:hidden;color:rgba(var(--color-foreground),.72);font-size:10px;font-weight:560;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;transition:color .22s ease}.costan-linked-colours__item:hover .costan-linked-colours__thumb{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.28);box-shadow:0 10px 22px #00000038}.costan-linked-colours__item:hover .costan-linked-colours__image{transform:scale(1.05)}.costan-linked-colours__item:hover .costan-linked-colours__name{color:rgb(var(--color-foreground))}.costan-linked-colours__item.is-active .costan-linked-colours__thumb{border-color:var(--costan-accent, #c9ff36);box-shadow:0 0 0 1px var(--costan-accent, #c9ff36),0 8px 18px #c9ff361f}.costan-linked-colours__item.is-active .costan-linked-colours__name{color:var(--costan-accent, #c9ff36);font-weight:720}.costan-linked-colours__divider{width:100%;height:1px;min-height:1px;display:block!important;visibility:visible!important;opacity:1!important;margin:15px 0 12px;padding:0;overflow:hidden;font-size:0;line-height:0;border:0;border-top:1px solid rgba(var(--color-foreground),.22);background:transparent}.costan-linked-colours__selected{display:flex;align-items:baseline;gap:6px;margin:0;color:rgba(var(--color-foreground),.6);font-size:13px;line-height:1.25}.costan-linked-colours__selected span{font-weight:620}.costan-linked-colours__selected span:after{content:":";margin-left:2px}.costan-linked-colours__selected strong{color:rgb(var(--color-foreground));font-weight:760}@media screen and (max-width:749px){.costan-linked-colours{margin:5px 0 18px}.costan-linked-colours__list{flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.costan-linked-colours__list::-webkit-scrollbar{display:none}.costan-linked-colours__item{flex:0 0 64px;width:64px;gap:5px}.costan-linked-colours__thumb{width:64px;height:68px;border-radius:12px}.costan-linked-colours__image{border-radius:11px}.costan-linked-colours__name{font-size:10px}.costan-linked-colours__divider{margin:14px 0 11px}.costan-linked-colours__selected{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-linked-colours.css.map */