/** Shopify CDN: Minification failed

Line 22:0 All "@import" rules must come first

**/
@font-face {
  font-family: charms;
  src: url(/cdn/shop/files/lomitos.ttf?v=1715625660);
  src: url(/cdn/shop/files/lomitos.ttf?v=1715625660)
      format("embedded-opentype"),
    url(/cdn/shop/files/lomitos.ttf?v=1715625660)
      format("truetype"),
    url(/cdn/shop/files/lomitos.ttf?v=1715625660)
      format("woff"),
    url(/cdn/shop/files/lomitos.ttf?v=1715625660)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@import url(https://db.onlinewebfonts.com/c/c5ac4dbbf079d3039afafa294b9e07b6?family=Segoe+UI+Black);
@font-face {
  font-family: "Segoe UI Black";
  src: url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.eot");
  src: url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.eot?#iefix")
      format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.woff2")
      format("woff2"),
    url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.woff")
      format("woff"),
    url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.ttf")
      format("truetype"),
    url("https://db.onlinewebfonts.com/t/c5ac4dbbf079d3039afafa294b9e07b6.svg#Segoe UI Black")
      format("svg");
}

.color1,
.color2,
.color3,
.color4,
.color5,
.color6,
.color7,
.color8 {
  display: inline-block;
  font-family: "Segoe UI Black";
}

.icon-alien-big > span:first-child,
.icon-cara-feliz-b > span:first-child,
.icon-corazon > span:first-child,
.icon-craneo-b > span:first-child,
.icon-diamante > span:first-child,
.icon-espadas > span:first-child,
.icon-estrella-blanco > span:first-child,
.icon-flor-b > span:first-child,
.icon-hueso > span:first-child,
.icon-luna-big > span:first-child,
.icon-ovni > span:first-child,
.icon-rayo-big > span:first-child,
.icon-trebol > span:first-child {
  display: none;
}
.keyboard_key .icon-alien-big > span:first-child,
.keyboard_key .icon-alien-big > span:first-child,
.keyboard_key .icon-cara-feliz-b > span:first-child,
.keyboard_key .icon-corazon > span:first-child,
.keyboard_key .icon-craneo-b > span:first-child,
.keyboard_key .icon-diamante > span:first-child,
.keyboard_key .icon-espadas > span:first-child,
.keyboard_key .icon-estrella-blanco > span:first-child,
.keyboard_key .icon-flor-b > span:first-child,
.keyboard_key .icon-hueso > span:first-child,
.keyboard_key .icon-luna-big > span:first-child,
.keyboard_key .icon-ovni > span:first-child,
.keyboard_key .icon-rayo-big > span:first-child,
.keyboard_key .icon-trebol > span:first-child {
  display: block;
}

.path1:before,
.path2:before {
  color: inherit;
  font-size: 30px;
}
.icon-luna-big .path1:before,
.icon-estrella-blanco .path1:before,
.icon-rayo-big .path1:before {
  display: none;
}

.icon-alien-big .path1:before {
  content: "\e900";
}

.icon-cara-feliz-b .path1:before {
  content: "\e903";
}
.icon-corazon .path1:before {
  content: "\e92f";
  font-size: 25px;
}
.icon-craneo-b .path1:before {
  content: "\e932";
}
.icon-diamante .path1:before {
  content: "\e958";
}
.icon-espadas .path1:before {
  content: "\e959";
}
.icon-estrella-blanco .path1:before {
  content: "\e990";
}
.icon-estrella-blanco .path2:before {
  content: "\e991";
  margin: 0;
}
.icon-flor-b .path1:before {
  content: "\e9bb";
}
.icon-hueso .path1:before {
  content: "\e9d1";
}
.icon-luna-big .path1:before {
  content: "\e9d3";
}
.icon-luna-big .path2:before {
  content: "\e9d4";
}
.icon-ovni .path1:before {
  content: "\ea0e";
  font-size: 15px;
}
.icon-rayo-big .path1:before {
  content: "\ea12";
}
.icon-rayo-big .path2:before {
  content: "\ea13";
}

.icon-trebol .path1:before {
  content: "\ea2a";
}

@font-face {
  font-family: gummies;
  src: url(gummies.eot?2u2db7);
  src: url(gummies.eot?2u2db7#iefix) format("embedded-opentype"),
    url(gummies.ttf?2u2db7) format("truetype"),
    url(gummies.woff?2u2db7) format("woff"),
    url(gummies.svg?2u2db7#gummies) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^="gummy-"],
[class*=" gummy-"],
.gummy {
  font-family: gummies !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
#pixelemos-variations input:not([type="button"]),
#pixelemos-variations textarea {
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: charms !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Ntilde:before {
  content: "\d1";
}
.icon-A:before {
  content: "A";
}
.icon-B:before {
  content: "B";
}
.icon-C:before {
  content: "C";
}
.icon-heart:before {
  content: "1";
}
.icon-D:before {
  content: "D";
}
.icon-E:before {
  content: "E";
}
.icon-estrella:before {
  content: "2";
}
.icon-F:before {
  content: "F";
}
.icon-flor:before {
  content: "3";
}
.icon-G:before {
  content: "G";
}
.icon-H:before {
  content: "H";
}
.icon-I:before {
  content: "I";
}
.icon-J:before {
  content: "J";
}
.icon-K:before {
  content: "K";
}
.icon-kiss:before {
  content: "4";
}
.icon-L:before {
  content: "L";
}
.icon-M:before {
  content: "M";
}
.icon-N:before {
  content: "N";
}
.icon-O:before {
  content: "O";
}
.icon-P:before {
  content: "P";
}
.icon-paz:before {
  content: "5";
}
.icon-Q:before {
  content: "Q";
}
.icon-R:before {
  content: "R";
}
.icon-rayo:before {
  content: "6";
}
.icon-S:before {
  content: "S";
}
.icon-smile:before {
  content: "7";
}
.icon-T:before {
  content: "T";
}
.icon-U:before {
  content: "U";
}
.icon-V:before {
  content: "V";
}
.icon-W:before {
  content: "W";
}
.icon-X:before {
  content: "X";
}
.icon-Y:before {
  content: "Y";
}
.icon-Z:before {
  content: "Z";
}
:root {
  --textura: url();
  --collar1: #1c324f;
  --collar11: #1c324f;
  --collar2: #5b2d26;
  --collar12: #5b2d26;
  --collar3: #86d7d8;
  --collar13: #86d7d8;
  --collar4: #77192f;
  --collar14: #77192f;
  --collar5: #eaaac2;
  --collar15: #eaaac2;
  --collar6: #d60c0c;
  --charm1: #702f6e;
  --charm2: #94e1ee;
  --charm3: #ffd10e;
  --charm4: #0341ad;
  --charm5: #52b33f;
  --charm6: #ff952b;
  --charm7: #e43c27;
  --charm8: #ff1363;
  --charm9: #ffd7e0;
  --charm10: #18fb93;
  --charm11: #d6c63d;
  --charm12: #15468c;
  --charm13: #76b0c7;
  --charm14: #6b5496;
  --charm15: #dd8308;
  --charm16: #a1201c;
  --charm17: #c4949f;
  --charm18: #347b40;
  --charm19: #a080ff;
  --gummies-container-height: 32px;
}
.collar-container {
  background-color: #efefef;
  height: 200px;
  display: flex;
  justify-content: center;
  box-shadow: inset 0 2px 4px #000d;
  overflow: hidden;
  flex-direction: column;
  margin-bottom: 20px;
  position: relative;
}
div[id^="collar"] {
  border: none;
  border-radius: 100px;
  height: 50px;
  width: 50px;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}
#collar2,
#collar3 {
  color: #fff;
}
.collar {
  background-image: var(--textura);
  background-repeat: repeat;
  background-color: var(--collar1);
  display: flex;
  height: 28px;
  width: 100%;
  box-shadow: 0 2px 4px #000d;
  margin-bottom: 2px;
}
.collar-gummy {
  background: #000;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.chaquiron {
  width: 8px;
  height: 20px;
  border-radius: 4px;
  box-shadow: inset -2px -1px 4px #0009, inset 2px 1px 4px #fffd;
  position: relative;
}
.chaquiron:after {
  content: " ";
  color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 10px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  border: solid 2px #fff9;
  border-width: 2px 0 0 2px;
}
.separador {
  background: #999;
  width: 4px;
  height: 24px;
  border-radius: 10px;
}
#charm-container {
  color: #fff;
  font-family: charms;
  position: absolute;
  font-size: 38px;
  letter-spacing: 0;
  width: 100%;
  text-shadow: rgba(0, 0, 0, 0.867) 2px 2px 6px;
  text-align: center;
  margin-bottom: 12px;
  font-family: Segoe UI Black;
}
#charm-container.charms-sueltos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#charm-container > span {
  cursor: pointer;
}
#keyboard-container {
  position: relative;
}
.color-collar,
.color-keyboard,
.new-color-keyboard {
  display: flex;
  padding: 20px 0;
  justify-content: space-between;
}
.collar1 {
  background-color: var(--collar1);
  color: #fff;
}

.collar2 {
  background-color: var(--collar2);
}
.collar3 {
  background-color: var(--collar3);
}
.collar4 {
  background-color: var(--collar4);
}
.collar5 {
  background-color: var(--collar5);
}
.collar6 {
  background-color: var(--collar6);
}
.collar11 {
  background-color: var(--collar11);
}
.collar12 {
  background-color: var(--collar12);
}
.collar13 {
  background-color: var(--collar13);
}
.collar14 {
  background-color: var(--collar14);
  color: #fff;
}
.collar15 {
  background-color: var(--collar15);
}

.row {
  display: flex;
  justify-content: space-around;
  text-align: center;
  font-family: charms;
}
.keyboard_key {
  width: calc(10% - 2px) !important;
  font-size: 1.4em;
  border: solid 1px #ccc;
  border-radius: 8px;
  margin-bottom: 4px;
  cursor: pointer;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-family: Segoe UI Black;
}
input[id^="color"] {
  border-radius: 50px;
  border: none;
  width: 50px;
  height: 50px;
  font-size: 0;
  cursor: pointer;
}
#color1 {
  background-color: var(--charm1);
}
#color2 {
  background-color: var(--charm2);
}
#color3 {
  background-color: var(--charm3);
}
#color4 {
  background-color: var(--charm4);
}
#color5 {
  background-color: var(--charm5);
}
#color6 {
  background-color: var(--charm6);
}
#color7 {
  background-color: var(--charm7);
}
#color8 {
  background-color: var(--charm8);
}
#color9 {
  background-color: var(--charm9);
}
#color10 {
  background-color: var(--charm10);
}
#color1 {
  background-color: var(--charm11);
}
#color2 {
  background-color: var(--charm12);
}
#color3 {
  background-color: var(--charm13);
}
#color4 {
  background-color: var(--charm14);
}
#color5 {
  background-color: var(--charm15);
}
#color6 {
  background-color: var(--charm16);
}
#color7 {
  background-color: var(--charm17);
}
#color8 {
  background-color: var(--charm18);
}
#color19 {
  background-color: var(--charm19);
}
#color20 {
  background-image: url(/cdn/shop/t/3/assets/bg-glitter.png);
  background-size: 32px;
  background-clip: unset;
}
#color21 {
  background-image: url(/cdn/shop/t/5/assets/bg-glitter-dorado.png);
  background-size: 32px;
  background-clip: unset;
}
.color1 {
  color: var(--charm1);
}
.color2 {
  color: var(--charm2);
}
.color3 {
  color: var(--charm3);
}
.color4 {
  color: var(--charm4);
}
.color5 {
  color: var(--charm5);
}
.color6 {
  color: var(--charm6);
}
.color7 {
  color: var(--charm7);
}
.color8 {
  color: var(--charm8);
}
.color9 {
  color: var(--charm9);
}
.color10 {
  color: var(--charm10);
}
.color1 {
  color: var(--charm11);
}
.color2 {
  color: var(--charm12);
}
.color3 {
  color: var(--charm13);
}
.color4 {
  color: var(--charm14);
}
.color5 {
  color: var(--charm15);
}
.color6 {
  color: var(--charm16);
}
.color7 {
  color: var(--charm17);
}
.color8 {
  color: var(--charm18);
}
.color19 {
  color: var(--charm19);
}
.color20 {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(/cdn/shop/t/3/assets/bg-glitter.png);
  background-size: 32px;
  text-shadow: none;
  -webkit-text-stroke: 2px #000;
}
.color21 {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(/cdn/shop/t/5/assets/bg-glitter-dorado.png);
  background-size: 32px;
  text-shadow: none;
  -webkit-text-stroke: 2px #000;
}
#vaciar-collar {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  filter: drop-shadow(2px 2px 2px #000d);
  cursor: pointer;
}
.phone-charm {
  width: 38px;
  position: relative;
  bottom: -8px;
  left: 12px;
  filter: drop-shadow(2px 2px 2px #000a);
}
#size-container {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 32px;
}
.size-button {
  border: solid 2px #666;
  width: 40px;
  height: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
}
.size-button.size-sml {
  width: 80px;
}
.size-button.active {
  background: #ddd;
}
#phone {
  border: 1px solid #999;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 0;
}
#phone-level {
  background: red;
  height: 4px;
  width: 10%;
  margin-bottom: 40px;
  transition: all 0.5s ease-out;
  position: relative;
  top: -8px;
}
.keyboard {
  margin-bottom: 20px;
}
.color-picker {
  width: 9%;
  height: 42px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}
#charmsForm {
  display: none;
}
@media (max-width: 768px) {
  #charm-container {
    font-size: 52px;
  }
  .collar {
    height: 28px;
  }
  .phone-charm {
    width: 34px;
  }
  .keyboard_key {
    font-size: 1.3em;
  }
}
.gummy-a {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.28 59.31"><defs></defs><title>Asset 33</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M41.65,59.19a2.38,2.38,0,0,1-1.35-.43,3,3,0,0,1-1-1l-1.88-4.17a3.42,3.42,0,0,0-1.05-1.13A2.54,2.54,0,0,0,35,52H20.28a2.64,2.64,0,0,0-1.5.47,2.79,2.79,0,0,0-1,1.13l-1.94,4.18a2.51,2.51,0,0,1-.9,1,2.31,2.31,0,0,1-1.29.43h-12A2.2,2.2,0,0,1,1,59.06a1.42,1.42,0,0,1-.58-.39A1.26,1.26,0,0,1,.14,58a1.54,1.54,0,0,1,.19-.9L20.53,10a2.41,2.41,0,0,1,.9-1,2.33,2.33,0,0,1,1.35-.43h9.75A2.24,2.24,0,0,1,33.82,9a2.48,2.48,0,0,1,.9,1L55.05,57.34a1.31,1.31,0,0,1-.1,1.22,1.45,1.45,0,0,1-1.39.63ZM27.59,29.52c-.29,0-.54.24-.74.71l-3.49,8.42a1.27,1.27,0,0,0,0,1.2,1.25,1.25,0,0,0,1.15.51h6.2a1.24,1.24,0,0,0,1.11-.51,1.09,1.09,0,0,0,0-1.21c-.46-1.15-1-2.5-1.67-4.06l-1.81-4.35C28.12,29.75,27.88,29.52,27.59,29.52Z"/><path d="M32.53,8.66a2.18,2.18,0,0,1,1.22.41,2.29,2.29,0,0,1,.85,1L54.93,57.39a1.17,1.17,0,0,1-.09,1.11,1.32,1.32,0,0,1-1.28.56H41.65a2.17,2.17,0,0,1-1.28-.41,3,3,0,0,1-.93-1l-1.88-4.2a3.53,3.53,0,0,0-1.09-1.16,2.64,2.64,0,0,0-1.5-.5H20.28a3,3,0,0,0-2.6,1.68l-1.95,4.18a2.36,2.36,0,0,1-.85,1,2.1,2.1,0,0,1-1.22.41h-12A1.9,1.9,0,0,1,1,58.94a1.23,1.23,0,0,1-.53-.35A1.15,1.15,0,0,1,.26,58a1.47,1.47,0,0,1,.19-.84L20.64,10a2.39,2.39,0,0,1,.86-1,2.24,2.24,0,0,1,1.28-.41h9.75m-8,31.82h6.2a1.37,1.37,0,0,0,1.22-.56,1.17,1.17,0,0,0,0-1.31c-.47-1.16-1-2.52-1.67-4.08s-1.26-3-1.82-4.36c-.23-.51-.51-.77-.85-.77s-.63.26-.86.78L23.25,38.6a1.26,1.26,0,0,0,1.27,1.88m8-32.07H22.78a2.47,2.47,0,0,0-1.42.45,2.58,2.58,0,0,0-.94,1.08L.22,57.08a1.74,1.74,0,0,0-.21,1,1.46,1.46,0,0,0,.32.7,1.5,1.5,0,0,0,.62.41,2,2,0,0,0,.73.14h12A2.38,2.38,0,0,0,15,58.86,2.6,2.6,0,0,0,16,57.78l1.95-4.18a2.65,2.65,0,0,1,.94-1.08,2.5,2.5,0,0,1,1.43-.45H35a2.4,2.4,0,0,1,1.36.45,3.44,3.44,0,0,1,1,1.08l1.88,4.18a3.14,3.14,0,0,0,1,1.08,2.47,2.47,0,0,0,1.42.45H53.56a1.57,1.57,0,0,0,1.5-.69,1.44,1.44,0,0,0,.1-1.33L34.83,9.94a2.73,2.73,0,0,0-.94-1.08,2.38,2.38,0,0,0-1.36-.45Zm-8,31.82a1.13,1.13,0,0,1-1-.45,1.09,1.09,0,0,1,0-1.08L27,30.28q.28-.63.63-.63c.23,0,.44.21.62.63L30,34.63c.64,1.55,1.2,2.91,1.67,4.07a1,1,0,0,1,0,1.08,1.14,1.14,0,0,1-1,.45Z"/><circle class="cls-2" cx="27.64" cy="3.67" r="3.55"/></g></g></svg>');
}
.gummy svg {
  height: 32px;
  width: auto;
  overflow: visible;
}
.gummy .cls-1 {
  fill: red;
}
.gummy .cls-2 {
  fill: transparent;
}
.gummy .cls-1,
.gummy .cls-2 {
  stroke: #000;
  stroke-linejoin: miter;
  stroke-width: 4px;
}
.boton-color-naranja {
  background: #ff8201;
}
.gummy-color-naranja .cls-1 {
  fill: #ff8201;
}
.gummy-color-naranja {
  color: #ff8201;
}
.boton-color-rojo {
  background: #fc3a30;
}
.gummy-color-rojo .cls-1 {
  fill: #fc3a30;
}
.gummy-color-rojo {
  color: #fc3a30;
}
.boton-color-rosa-fuerte {
  background: #ef3581;
}
.gummy-color-rosa-fuerte .cls-1 {
  fill: #ef3581;
}
.gummy-color-rosa-fuerte {
  color: #ef3581;
}
.boton-color-rosa-pastel {
  background: #ffa1f1;
}
.gummy-color-rosa-pastel .cls-1 {
  fill: #ffa1f1;
}
.gummy-color-rosa-pastel {
  color: #ffa1f1;
}
.boton-color-lila {
  background: #aa81e6;
}
.gummy-color-lila .cls-1 {
  fill: #aa81e6;
}
.gummy-color-lila {
  color: #aa81e6;
}
.boton-color-morado {
  background: #4f0571;
}
.gummy-color-morado .cls-1 {
  fill: #4f0571;
}
.gummy-color-morado {
  color: #4f0571;
}
.boton-color-azul-cielo {
  background: #00bdf8;
}
.gummy-color-azul-cielo .cls-1 {
  fill: #00bdf8;
}
.gummy-color-azul-cielo {
  color: #00bdf8;
}
.boton-color-azul-fuerte {
  background: #3132ff;
}
.gummy-color-azul-fuerte .cls-1 {
  fill: #3132ff;
}
.gummy-color-azul-fuerte {
  color: #3132ff;
}
.boton-color-verde {
  background: #00ac0f;
}
.gummy-color-verde .cls-1 {
  fill: #00ac0f;
}
.gummy-color-verde {
  color: #00ac0f;
}
.boton-color-verde-limon {
  background: #94ff2b;
}
.gummy-color-verde-limon .cls-1 {
  fill: #94ff2b;
}
.gummy-color-verde-limon {
  color: #94ff2b;
}
.boton-color-amarillo {
  background: #facf00;
}
.gummy-color-amarillo .cls-1 {
  fill: #facf00;
}
.gummy-color-amarillo {
  color: #facf00;
}
#gummy-0 {
  height: 40px;
  margin-bottom: -5px;
}
.boton-glitter {
  background: url(/cdn/shop/t/3/assets/bg-glitter.png);
}
.gummy-color-glitter {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(/cdn/shop/t/3/assets/bg-glitter.png);
  background-size: 32px;
}
#comenzar {
  position: absolute;
  background: #ffffffd9;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: red;
  font-weight: 600;
}
#comenzar button {
  background: #ee2f53;
  color: #fff;
  font-weight: 600;
  border: solid 1px #c9193a;
  padding: 16px 32px;
  border-radius: 8px;
  box-shadow: 4px 4px 8px #ee2f53;
  cursor: pointer;
}
ul.keyboards-tabs-nav-tabs li {
  display: inline-block;
  margin: 0 0 -2px;
}
button.keyboards-tabs-trigger {
  border: none;
  padding: 16px 32px;
  background: none;
  border-radius: 16px 16px 0 0;
}
button.keyboards-tabs-trigger.active {
  border-width: 2px;
  border-style: solid;
  border-color: #666 #666 #fff #666;
  border-image: initial;
  color: red;
  z-index: 1;
}
ul.keyboards-tabs-nav-tabs {
  border: solid 2px transparent;
  border-bottom-color: #666;
  margin: 0;
}
.keyboards-tabs {
  position: relative;
}
.keyboard-tabs-content {
  background: #fff;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.keyboard-tabs-content.active {
  opacity: 1;
  pointer-events: initial;
  display: block;
}
#gummies-container {
  width: 100%;
  height: var(--gummies-container-height);
  margin-bottom: calc(var(--gummies-container-height) * -1);
  display: flex;
  justify-content: space-evenly;
  padding: 0 14px;
}
#gummies-container .gummy {
  margin: 8px;
  cursor: pointer;
  font-size: 32px;
  height: fit-content;
}
#gummies-container #gummy-0 {
  height: 48px;
  position: relative;
  bottom: 3px;
}
#collar-container span:hover:before {
  cursor: pointer;
  content: "\d7";
  position: absolute;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  background: red;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  border-radius: 4px;
  top: 40px;
  left: 91px;
}
.invisible {
  visibility: hidden;
  overflow: hidden;
  max-height: 0px;
}
span.medidas {
  position: absolute;
  top: 32px;
  font-size: 10px;
  width: 50px;
  display: none;
  border: 1px solid #666;
  justify-content: center;
  padding: 0 2px;
  border-radius: 20px;
  background: #fff;
  z-index: 1;
}
.collar-de-charms span.medidas,
.collar-de-charms-glow-in-the-dark span.medidas {
  display: flex;
}
.msg-borrar {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  background: #fff;
  display: flex;
  padding: 4px 8px;
  margin: 8px;
  border-radius: 32px;
}
/*# sourceMappingURL=/cdn/shop/t/5/assets/wawas.css.map?v=102599944947428088091713982435 */