.color-bubble{border:1px solid transparent;padding:2px;width:30px;height:30px;transition:border .2s ease-in-out;border-radius:100%;cursor:pointer}.color-bubble__inner{width:100%;height:100%;border-radius:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0) rotate(45deg)}.color-bubble__inner>div{flex:auto;height:100%;transform-origin:center}.color-bubble__inner>div.AU{background:#614051}.color-bubble__inner>div.BD{background:#133663}.color-bubble__inner>div.BE{background:tan}.color-bubble__inner>div.BK{background:#000}.color-bubble__inner>div.BL{background:#094deb}.color-bubble__inner>div.BR{background:#824d16}.color-bubble__inner>div.BX{background:#850505}.color-bubble__inner>div.BZ{background:#c77c04}.color-bubble__inner>div.CH{background:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:10px 10px;background-position:0 0,0 10px,10px -10px,-10px 0px}.color-bubble__inner>div.CL{background:#eee}.color-bubble__inner>div.CO{background:#ff7088}.color-bubble__inner>div.CU{background:#db4900}.color-bubble__inner>div.DB{background:#003c85}.color-bubble__inner>div.DE{background:linear-gradient(0deg,#7c6 12.5%,#c2aa21 12.5% 25%,#de2828 25% 37.5%,#2a2ac7 37.5% 50%,#7c6 50% 62.5%,#c2aa21 62.5% 75%,#de2828 75% 87.5%,#2a2ac7 87.5% 100%)}.color-bubble__inner>div.DG{background:#015e23}.color-bubble__inner>div.FL{--cell: 4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2' shape-rendering='crispEdges'>  <rect x='0' y='0' width='1' height='1' fill='%23F7E6E6'/>  <rect x='1' y='0' width='1' height='1' fill='%234D6BF7'/>  <rect x='0' y='1' width='1' height='1' fill='%23E00B4B'/>  <rect x='1' y='1' width='1' height='1' fill='%23F7E6E6'/></svg>");background-repeat:repeat;background-size:calc(var(--cell) * 2) calc(var(--cell) * 2)}.color-bubble__inner>div.FU{background:#fa00ba}.color-bubble__inner>div.GD{background:#e0bb00}.color-bubble__inner>div.GM{background:#737373}.color-bubble__inner>div.GN{background:#5c5c5c}.color-bubble__inner>div.GOLD{background:#e0bb00}.color-bubble__inner>div.GR{background:#00a300}.color-bubble__inner>div.GY{background:#9e9d9d}.color-bubble__inner>div.HO{--cell: 4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2' shape-rendering='crispEdges'>  <rect x='0' y='0' width='1' height='1' fill='%23A8A68D'/>  <rect x='1' y='0' width='1' height='1' fill='%23595940'/>  <rect x='0' y='1' width='1' height='1' fill='%23E6D085'/>  <rect x='1' y='1' width='1' height='1' fill='%23A8A68D'/></svg>");background-repeat:repeat;background-size:calc(var(--cell) * 2) calc(var(--cell) * 2)}.color-bubble__inner>div.HV{--cell: 4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2' shape-rendering='crispEdges'>  <rect x='0' y='0' width='1' height='1' fill='%23A35A14'/>  <rect x='1' y='0' width='1' height='1' fill='%23E88F07'/>  <rect x='0' y='1' width='1' height='1' fill='%23EBB909'/>  <rect x='1' y='1' width='1' height='1' fill='%23A35A14'/></svg>");background-repeat:repeat;background-size:calc(var(--cell) * 2) calc(var(--cell) * 2)}.color-bubble__inner>div.KL{background:#05f}.color-bubble__inner>div.LB{background:#53a2db}.color-bubble__inner>div.LE{background:#8b5d2e}.color-bubble__inner>div.LINES{background:linear-gradient(0deg,#fafafa 25%,#4a483a 25% 50%,#fafafa 50% 75%,#4a483a 75% 100%)}.color-bubble__inner>div.OG{background:#ff8c00}.color-bubble__inner>div.OXIDE{background:#6e3908}.color-bubble__inner>div.PG{background:#faccbe}.color-bubble__inner>div.PK{background:#ffbfd9}.color-bubble__inner>div.PLATINUM{background:#e3e3e3}.color-bubble__inner>div.POINT{background:linear-gradient(0deg,#fafafa 25%,#4a483a 25% 50%,#fafafa 50% 75%,#4a483a 75% 100%)}.color-bubble__inner>div.PT{background:#00617a}.color-bubble__inner>div.PU{background:#992e99}.color-bubble__inner>div.RD{background:#ff1919}.color-bubble__inner>div.RW{background:linear-gradient(0deg,#7c6 12.5%,#c2aa21 12.5% 25%,#de2828 25% 37.5%,#2a2ac7 37.5% 50%,#7c6 50% 62.5%,#c2aa21 62.5% 75%,#de2828 75% 87.5%,#2a2ac7 87.5% 100%)}.color-bubble__inner>div.SD{background:silver}.color-bubble__inner>div.SK{background:#ade8ff}.color-bubble__inner>div.SL{background:#d4d2d2}.color-bubble__inner>div.TQ{background:#02cacc}.color-bubble__inner>div.VI{background:#d400d4}.color-bubble__inner>div.WH{background:#f2f2f2}.color-bubble__inner>div.YW{background:#ffe600}.color-bubble__inner>div.ZE{background:linear-gradient(0deg,#fafafa 25%,#4a483a 25% 50%,#fafafa 50% 75%,#4a483a 75% 100%)}.color-bubble__inner>div:only-child.FL,.color-bubble__inner>div:only-child.HO,.color-bubble__inner>div:only-child.HV{transform:rotate(45deg)}.color-bubble.is-active,.color-bubble:hover{border-color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bubble.css.map */