.ribbon-with-tooltip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative}.ribbon--triangle{position:absolute;top:-9px;right:10px;transform:rotate(180deg)}.ribbon-with-tooltip__tooltip--info{opacity:0;background:#fff;max-height:0;height:auto;width:318px;padding:10px;border-radius:0;text-align:left;display:flex;align-items:center;justify-content:center;transition:max-height .15s ease-out,opacity .25s ease-out;position:absolute;z-index:1;right:-10px;bottom:-60px;border:1px solid #D9D9D9}.ribbon-with-tooltip__ribbon{--r: 1em;padding-inline:.5em calc(var(--r) + .25em);clip-path:polygon(100% 0,0 0,0 100%,100% 100%,100% calc(100% - .25em),calc(100% - var(--r)) 50%,100% .25em);width:fit-content;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:27px}.ribbon-with-tooltip__tooltip{width:18px;height:18px;position:relative;cursor:pointer;display:block;outline:none}.ribbon-with-tooltip__tooltip:hover+.ribbon-with-tooltip__tooltip--info{opacity:1;max-height:70px;transition:max-height .15s ease-in,opacity .25s ease-in}.ribbon-with-tooltip__tooltip:focus+.ribbon-with-tooltip__tooltip--info{opacity:1;max-height:70px;transition:max-height .15s ease-in,opacity .25s ease-in}.ribbon-with-tooltip:has(.ribbon-with-tooltip__tooltip:focus) .ribbon-with-tooltip__tooltip--info{opacity:1;max-height:70px;transition:max-height .15s ease-in,opacity .25s ease-in}.ribbon-with-tooltip__tooltip--info>p{opacity:0;color:#000;font-size:12.81px;font-style:normal;line-height:normal;margin:0;overflow:hidden;transition:opacity .1s ease-out;background:transparent}.ribbon-with-tooltip__tooltip:hover+.ribbon-with-tooltip__tooltip--info>p,.ribbon-with-tooltip__tooltip:focus+.ribbon-with-tooltip__tooltip--info>p,.ribbon-with-tooltip:has(.ribbon-with-tooltip__tooltip:focus) .ribbon-with-tooltip__tooltip--info>p{opacity:1;transition:opacity .3s ease-in}.ribbon-with-tooltip__tooltip:focus-visible:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:8px;outline:2px solid currentColor;outline-offset:2px}.tee-price--compare-wrapper.tee-price--saving-wrapper{order:2!important}.tee-price--compare-wrapper.tee-price--regular-wrapper{order:1!important}
/*# sourceMappingURL=/cdn/shop/t/100/assets/ck-ribbon-with-tooltip.css.map */