.atomberg-color-tiles{display:flex;flex-direction:column;gap:12px;min-width:0}.atomberg-color-tiles__label{font-family:var(--vp-label-font, var(--atomberg-font-body));font-size:var(--vp-label-size-mobile, 1rem);line-height:var(--vp-label-leading, 1.5rem);color:var(--vp-label-color, var(--atomberg-color-text-primary))}.atomberg-color-tiles__label-key{font-weight:var(--vp-key-weight, 400);margin-right:4px}.atomberg-color-tiles__label-value{font-weight:var(--vp-value-weight, 500)}@media screen and (min-width:750px){.atomberg-color-tiles__label{font-size:var(--vp-label-size-desktop, 1.25rem)}}.atomberg-color-tiles__row{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.atomberg-color-tiles__row::-webkit-scrollbar{display:none}.atomberg-color-tiles__row--dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.atomberg-color-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid var(--atomberg-color-tile-default-border, transparent);border-radius:var(--atomberg-radius-xl);background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease;font:inherit;color:inherit;flex-shrink:0;scroll-snap-align:start}.atomberg-color-tile--active{border-color:var(--atomberg-color-tile-active-border, var(--atomberg-color-brand-primary));background:var(--atomberg-color-tile-active-bg, rgb(29 54 134 / .04))}.atomberg-color-tile--unavailable{border-style:dashed;border-color:var(--atomberg-color-tile-unavailable-border, rgb(0 0 0 / .55))}.atomberg-color-tile--active.atomberg-color-tile--unavailable{border-color:var(--atomberg-color-tile-active-border, var(--atomberg-color-brand-primary));background:var(--atomberg-color-tile-active-bg, rgb(29 54 134 / .04))}.atomberg-color-tile--unavailable .atomberg-color-tile__image-wrap{background:transparent}.atomberg-color-tile--unavailable .atomberg-color-tile__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><line x1='0' y1='0' x2='100' y2='100' stroke='%23000' stroke-width='1.6' stroke-dasharray='4,4' opacity='0.55' vector-effect='non-scaling-stroke'/></svg>");background-size:100% 100%;background-repeat:no-repeat}.atomberg-color-tile--unavailable .atomberg-color-tile__image{opacity:.45}.atomberg-color-tile--unavailable .atomberg-color-tile__name{opacity:.55}.atomberg-color-tile__image-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:var(--atomberg-color-tile-size, 96px);height:var(--atomberg-color-tile-size, 96px);border-radius:var(--atomberg-radius-lg);overflow:hidden;background:var(--atomberg-color-tile-bg, var(--atomberg-media-bg));box-sizing:border-box}.atomberg-color-tile__image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.atomberg-color-tile__placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,#eee 0 6px,#f8f8f8 6px 12px)}.atomberg-color-tile__name{font-family:var(--atomberg-font-body);font-size:.8125rem;color:var(--atomberg-color-text-primary);text-align:center;max-width:110px;line-height:1.25}.atomberg-color-tiles--small .atomberg-color-tile__image-wrap{--atomberg-color-tile-size: 72px}.atomberg-color-tiles--small .atomberg-color-tile__name{font-size:.75rem}.atomberg-color-tiles--large .atomberg-color-tile__image-wrap{--atomberg-color-tile-size: 128px}.atomberg-color-tiles--large .atomberg-color-tile__name{font-size:.875rem}@media screen and (max-width:749px){.atomberg-color-tile__name{font-size:.75rem}.atomberg-color-tiles{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/atomberg-color-tiles.css.map */