.with-label{font-size:clamp(.8rem,2cqw,1rem);display:flex;flex-direction:row;place-items:center;gap:1.6em;padding:.8em}.with-label label{font-size:1.8em;color:light-dark(var(--clr-metal-900),var(--clr-white));font-weight:600}.pop-tip{position:relative}.pop-tip>div:first-child{--lh: 1}.pop-tip>div:first-child>*{width:100%}.pop-tip .pop-tip-box{font-size:clamp(.8rem,3cqw,1rem);position:absolute;min-width:1px;width:max-content;z-index:var(--z, 1);border-radius:1.6rem;pointer-events:none}.pop-tip .pop-tip-box.is-interactive{pointer-events:auto}.pop-tip .pop-tip-box.specific-width{width:unset;width:100%}.pop-tip .pop-tip-box.v-enter-from,.pop-tip .pop-tip-box.v-leave-to{scale:.7;opacity:0}.pop-tip .pop-tip-box.v-enter-active{transition:opacity .15s ease-out .05s,scale .3s cubic-bezier(.175,.885,.32,1.275)}.pop-tip .pop-tip-box.v-leave-active{transition:opacity .15s ease-in .05s,scale .2s ease-in}.template-tip-message{--bg: light-dark(var(--clr-metal-900), var(--clr-white));width:min(90vw,100%);width:min(90dvw,100%);max-width:34.2rem;border-radius:.8rem;padding:1.2em 1.6em;background:var(--bg);color:light-dark(var(--clr-white),var(--clr-metal-900));text-align:center;gap:.8em}.template-tip-message>p{line-height:1.5em}.template-tip-message>p a{color:light-dark(var(--clr-green-500),var(--clr-green-700))}.template-tip-message .pop-tip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:3em;height:2em;display:flex;align-items:start;margin-top:-1px}.template-tip-message .pop-tip-arrow svg{width:100%;height:auto;transform:rotate(180deg)}.template-tip-message .pop-tip-arrow svg path{fill:var(--bg)}.template-tip-message .pop-tip-arrow.arrow-top{top:unset;bottom:100%;align-items:end}.template-tip-message .pop-tip-arrow.arrow-top svg{transform:rotate(0)}