:root{--goo-pink: #ff7bba;--goo-tint: color-mix(in srgb, var(--goo-pink) 16%, #ffffff);--goo-grey: #f4f4f7;--goo-socket: #e9e9ed;--goo-off: color-mix(in srgb, var(--goo-pink) 6%, #ffffff);--goo-ghost: #f3f3f5;--goo-ink: #1a1a1a;--goo-muted: #a9a9b0;--goo-font: var(--font-heading--family, "Helvetica Neue", Arial, sans-serif);--goo-reach: 64px;--goo-rim: 2px;--goo-spring: cubic-bezier(.34, 1.56, .64, 1)}@supports not (color: color-mix(in srgb,red,blue)){:root{--goo-tint: #ffeaf4;--goo-off: #fff7fb}}@property --goo-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.x2goo-defs{position:absolute;width:0;height:0;overflow:hidden}.goo-group{position:relative;isolation:isolate}.goo-group[data-goo=keys]{--goo-reach: 28px}.goo-layer{position:absolute;z-index:1;inset:calc(-1 * var(--goo-reach));pointer-events:none}.goo-layer--glow{z-index:1;pointer-events:none}.goo-gshape,.goo-gblob{background:#000!important}.goo-gother{background:#fff!important}.goo-group .gbtn,.goo-group .goo-ui{position:relative;z-index:2}.goo-layer>*{position:absolute;left:0;top:0}.goo-shape,.goo-socket,.goo-blob{transition:background-color .22s ease}.goo-shape.is-pink,.goo-blob.is-pink{background:var(--goo-pink)}.goo-shape.is-tint,.goo-blob.is-tint{background:var(--goo-tint)}.goo-shape.is-grey,.goo-blob.is-grey{background:var(--goo-grey)}.goo-shape.is-ghost,.goo-blob.is-ghost{background:var(--goo-ghost)}.goo-shape.is-off,.goo-blob.is-off{background:var(--goo-off)}.goo-blob{border-radius:50%}.goo-socket{background:var(--goo-socket);--sk: 0}.goo-group.is-dragging .goo-socket{--sk: 1}@keyframes gooSpin{to{--goo-angle: 360deg}}.gbtn,.goo-shape{translate:var(--dx, 0px) var(--dy, 0px);scale:var(--s, 1);transition:scale .42s var(--goo-spring),background-color .22s ease,color .22s ease}.goo-socket{scale:calc(var(--sk) * var(--s, 1));transition:scale .24s ease}.is-pressed{--s: .955}.gbtn.is-pressed,.goo-shape.is-pressed{transition-duration:90ms,.22s,.22s;transition-timing-function:ease-out}.goo-layer--glow>*{transition:scale .42s var(--goo-spring)}.goo-layer--glow>.goo-socket{transition:scale .24s ease}.is-plop{animation:gooPlop .52s var(--goo-spring)}@keyframes gooPlop{0%{scale:.955}40%{scale:1.09}to{scale:1}}.goo-ui{display:flex;align-items:center;gap:14px}.gbtn{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;margin:0;border:0;background:transparent;height:48px;padding:0 22px;border-radius:20px;font-family:var(--goo-font);font-weight:700;font-size:15px;letter-spacing:.01em;line-height:1;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:inline-grid;place-items:center;box-shadow:none}.gbtn>*{grid-area:1 / 1}.gbtn--primary{color:#fff}.gbtn--secondary{color:var(--goo-pink)}.gbtn--ghost{color:var(--goo-ink)}.gbtn--sm{height:40px;padding:0 16px;border-radius:16px;font-size:14px}.gbtn--lg{height:54px;padding:0 28px;border-radius:22px;font-size:16px}.gbtn--xl{height:56px;border-radius:22px;font-size:16px}.gbtn--key{width:36px;height:36px;padding:0;border-radius:14px;color:var(--goo-pink)}.gbtn--key-lg{width:40px;height:40px;border-radius:16px}.gbtn--key svg{width:16px;height:16px;display:block;transition:opacity .18s ease,scale .32s var(--goo-spring)}.gbtn--key .gbtn-pause{opacity:0;scale:.6}.gbtn--key.is-on{color:#fff}.gbtn--key.is-on .gbtn-play{opacity:0;scale:.6}.gbtn--key.is-on .gbtn-pause{opacity:1;scale:1}.gbtn--round{width:44px;height:44px;border-radius:50%}.gbtn--round svg{width:20px;height:20px}.gbtn:hover{color:inherit}.gbtn--primary:hover{color:#fff}.gbtn--secondary:hover,.gbtn--key:hover{color:var(--goo-pink)}.gbtn--key.is-on:hover{color:#fff}.gbtn--ghost:hover{color:var(--goo-ink)}.gbtn:disabled,.gbtn.is-disabled{cursor:default;color:var(--goo-muted);pointer-events:none}.gbtn:focus-visible{outline:2px solid var(--goo-pink);outline-offset:3px}.gbtn-dots{display:none;gap:5px}.gbtn-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:gooDots 1s ease-in-out infinite}.gbtn-dots i:nth-child(2){animation-delay:.15s}.gbtn-dots i:nth-child(3){animation-delay:.3s}.gbtn.is-busy{pointer-events:none}.gbtn.is-busy>:not(.gbtn-dots){visibility:hidden}.gbtn.is-busy .gbtn-dots{display:inline-flex;visibility:visible}@keyframes gooDots{0%,to{opacity:.35;scale:.8}50%{opacity:1;scale:1}}.gbtn--primary:not(.goo-group *),.goo-group:not(.is-ready) .gbtn--primary{background:var(--goo-pink)}.gbtn--key:not(.goo-group *),.goo-group:not(.is-ready) .gbtn--key{background:var(--goo-tint)}.gbtn--secondary:not(.goo-group *),.goo-group:not(.is-ready) .gbtn--secondary{background:var(--goo-grey)}.gbtn--key.is-on:not(.goo-group *),.goo-group:not(.is-ready) .gbtn--key.is-on{background:var(--goo-pink)}.gbtn--ghost:not(.goo-group *),.goo-group:not(.is-ready) .gbtn--ghost{background:var(--goo-ghost)}.gbtn:disabled:not(.goo-group *),.gbtn.is-disabled:not(.goo-group *),.goo-group:not(.is-ready) .gbtn:disabled,.goo-group:not(.is-ready) .gbtn.is-disabled{background:var(--goo-off)}.gbtn:not(.goo-group *):active,.goo-group:not(.is-ready) .gbtn:active{scale:.955;transition-duration:90ms}@media(prefers-reduced-motion:reduce){.goo-blob,.goo-layer--glow{display:none!important}.gbtn,.goo-shape{translate:0 0!important;scale:1!important;animation:none!important}.gbtn-dots i{animation:none;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-goo.css.map */