.tipnix{--background:#7c7c7c;--color:#e8e8e8;background-color:unset;color:unset;cursor:pointer;text-transform:uppercase;border-radius:8px;place-items:center;width:max-content;height:auto;padding:0;font-size:12px;font-weight:500;transition:all .4s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.tipnix-tooltip{opacity:0;pointer-events:none;text-transform:capitalize;transform-origin:0 0;visibility:hidden;z-index:10000;border-radius:8px;width:225px;padding:10px;font-size:16px;font-weight:400;transition:opacity .4s cubic-bezier(.23,1,.32,1),visibility 0s linear .4s;top:0;left:50%;box-shadow:0 8px 15px #00000040}.tipnix-tooltip,.tipnix-tooltip:before{background:var(--background);position:absolute}.tipnix-tooltip:before{background-color:inherit;bottom:var(--tooltip-before-bottom,-.2em);content:"";height:.8em;left:var(--tooltip-before-left,0);right:var(--tooltip-before-right,unset);top:var(--tooltip-before-top,-.2em);z-index:-1;width:.8em;transform:translate(-50%)rotate(45deg)}.tipnix:hover .tipnix-tooltip{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;scale:1}.tipnix:hover{background-color:unset;box-shadow:unset;color:unset}.tooltip-above:before{bottom:-.2em!important;top:unset!important}.tooltip-below:before{bottom:unset!important;top:-.2em!important}@keyframes shake{0%{rotate:0}25%{rotate:7deg}50%{rotate:-7deg}75%{rotate:1deg}to{rotate:0}}@keyframes tipnix-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tipnix-fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tipnix-zoom{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes tipnix-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes tipnix-flipIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes tipnix-slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes tipnix-swing{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tipnix-fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes tipnix-tiltFadeIn{0%{opacity:0;transform:rotate(-10deg)translateY(10px)}to{opacity:1;transform:rotate(0)translateY(0)}}
.tipnix-tooltip{box-shadow:0 10px 10px #0000001a;pointer-events:none!important;text-transform:none!important;border-radius:5px!important;padding:8px!important;line-height:16px!important}.qr-type-container .tipnix{width:100%!important}.preview-mode-toggle .tipnix{display:block!important}.allergen-tipnix-tooltip{overflow-wrap:break-word;word-break:normal;text-align:center;white-space:normal!important;width:max-content!important;max-width:calc(100vw - 32px)!important;line-height:20px!important}.allergen-tooltip-hover[data-desktop-hover=false]:focus-within .allergen-tipnix-tooltip{opacity:1;visibility:visible;transition-delay:0s}