.selvaro-tip{position:relative;display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.15em}.selvaro-tip__button{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:#7e9873;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:color .2s ease}.selvaro-tip__button>svg{display:block;width:100%;height:100%}.selvaro-tip.is-open .selvaro-tip__button,.selvaro-tip__button:focus-visible{color:#5f7554}@media(hover:hover){.selvaro-tip__button:hover{color:#5f7554}}.selvaro-tip__button:focus-visible{outline:2px solid #7e9873;outline-offset:2px}.selvaro-tip__bubble{display:none;position:absolute;z-index:30;bottom:calc(100% + 12px);left:50%;transform:translate(calc(-50% + var(--selvaro-tip-shift, 0px)));width:max-content;max-width:min(320px,calc(100vw - 32px));box-sizing:border-box;padding:12px 16px;border-radius:12px;background:#e1d9ce;color:#231f20;font:400 14px/1.45 DM Sans,sans-serif;text-align:left;white-space:normal;box-shadow:0 8px 24px #0000002e}.selvaro-tip:after{content:"";display:none;position:absolute;z-index:31;bottom:calc(100% + 4px);left:50%;transform:translate(calc(-50% + var(--selvaro-tip-arrow-shift, 0px)));border:8px solid transparent;border-top-color:#e1d9ce;border-bottom:0}.selvaro-tip.is-open .selvaro-tip__bubble,.selvaro-tip.is-open:after{display:block;animation:selvaro-tip-fade-in .2s ease}@media(hover:hover){.selvaro-tip:hover .selvaro-tip__bubble,.selvaro-tip:hover:after{display:block;animation:selvaro-tip-fade-in .2s ease}}.selvaro-tip.is-dismissed .selvaro-tip__bubble,.selvaro-tip.is-dismissed:after{display:none}.selvaro-tip.is-below .selvaro-tip__bubble{bottom:auto;top:calc(100% + 12px)}.selvaro-tip.is-below:after{bottom:auto;top:calc(100% + 4px);border:8px solid transparent;border-bottom-color:#e1d9ce;border-top:0}@keyframes selvaro-tip-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.selvaro-tip__button{transition:none}.selvaro-tip.is-open .selvaro-tip__bubble,.selvaro-tip.is-open:after,.selvaro-tip:hover .selvaro-tip__bubble,.selvaro-tip:hover:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/selvaro-tooltip.css.map */
