.tooltip{--tooltip-viewport-margin: var(--space-x2);--tooltip-arrow-inset: var(--space-x12);--tooltip-arrow-inset-block: var(--space-x6);--tooltip-arrow-min-offset: var(--space-x6);--tooltip-surface: var(--bg-primary-inverse);--tooltip-title: var(--text-primary-inverse);--tooltip-description: var(--text-secondary-inverse);--tooltip-trigger-content: var(--icon-secondary);--tooltip-trigger-content-active: var(--icon-primary);--tooltip-trigger-content-disabled: var(--control-content-disabled);--tooltip-close-content: var(--control-content-secondary-inverse);--tooltip-close-content-active: var(--control-content-primary-inverse);--tooltip-ring: var(--control-border-focus);--tooltip-ring-inverse: var(--control-border-focus-inverse);--tooltip-ring-width: 2px;--tooltip-ring-gap: var(--space-x1);--tooltip-tap-size: var(--space-x11);--tooltip-icon-size: var(--space-x4);--tooltip-close-icon-size: var(--space-x5);--tooltip-arrow-size: 10px;--tooltip-arrow-box: var(--space-x12);--tooltip-arrow-offset: 50%;--tooltip-enter-shift: 0 var(--space-x0-5);--tooltip-min-inline-size: var(--space-x32);--tooltip-max-inline-size: min( 320px, calc(100vw - var(--space-x8)) );--tooltip-z-index: 10;position:relative;display:inline-flex}.tooltip[data-icon-size="20"]{--tooltip-icon-size: var(--space-x5)}.tooltip[data-layer=inline]{display:flex;flex-direction:column;align-items:flex-start}.tooltip[data-layer=inline][data-position=left],.tooltip[data-layer=inline][data-position=right]{flex-direction:row;align-items:center}[dir=rtl] .tooltip[data-layer=inline][data-position=left],[dir=rtl] .tooltip[data-layer=inline][data-position=right]{flex-direction:row-reverse}.tooltip[data-layer=inline][data-position=top] .tooltip__panel,.tooltip[data-layer=inline][data-position=left] .tooltip__panel{order:-1}.tooltip__trigger{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;gap:var(--space-x1);padding:0;border:0;background:none;color:var(--tooltip-trigger-content);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.tooltip__trigger:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--tooltip-tap-size);block-size:var(--tooltip-tap-size);translate:-50% -50%}@media(hover:hover){.tooltip__trigger:hover{color:var(--tooltip-trigger-content-active)}}.tooltip__trigger:active,.tooltip__trigger[aria-expanded=true]{color:var(--tooltip-trigger-content-active)}.tooltip__trigger:focus-visible{outline:none}.tooltip__trigger:focus-visible:after{content:"";position:absolute;inset:calc(var(--tooltip-ring-gap) * -1);border:var(--tooltip-ring-width) solid var(--tooltip-ring);border-radius:var(--radius-circle)}.tooltip__trigger:has(.tooltip__trigger-label):focus-visible:after{border-radius:var(--radius-x2)}.tooltip__trigger[aria-disabled=true]{color:var(--tooltip-trigger-content-disabled);cursor:not-allowed}.tooltip__trigger-icon-box{display:inline-flex;flex:none;inline-size:var(--tooltip-icon-size);block-size:var(--tooltip-icon-size)}.tooltip__trigger-icon{inline-size:100%;block-size:100%}.tooltip__panel{position:fixed;inset:auto;display:flex;margin:0;padding:0;border:0;inline-size:max-content;min-inline-size:var(--tooltip-min-inline-size);max-inline-size:var(--tooltip-max-inline-size);block-size:auto;overflow:visible;background:none;color:inherit;transition:opacity .12s ease,translate .12s ease}.tooltip__panel[hidden]{display:none}.tooltip[data-layer=inline] .tooltip__panel{position:static;z-index:var(--tooltip-z-index)}.tooltip__panel[data-position=top],.tooltip__panel[data-position=bottom]{flex-direction:column}.tooltip__panel[data-position=left],.tooltip__panel[data-position=right]{flex-direction:row}[dir=rtl] .tooltip__panel[data-position=left],[dir=rtl] .tooltip__panel[data-position=right]{flex-direction:row-reverse}.tooltip__panel[data-position=top] .tooltip__arrow-area,.tooltip__panel[data-position=left] .tooltip__arrow-area{order:1}.tooltip__arrow-area{position:relative;flex:none;overflow:visible;color:var(--tooltip-surface)}.tooltip__arrow{position:absolute;inline-size:var(--tooltip-arrow-box);block-size:var(--tooltip-arrow-size);fill:currentColor;translate:-50% -50%;transform-origin:50% 50%}.tooltip__panel[data-position=top] .tooltip__arrow-area,.tooltip__panel[data-position=bottom] .tooltip__arrow-area{block-size:var(--tooltip-arrow-size);padding-inline:var(--space-x6)}.tooltip__panel[data-position=left] .tooltip__arrow-area,.tooltip__panel[data-position=right] .tooltip__arrow-area{inline-size:var(--tooltip-arrow-size)}.tooltip__panel[data-position=top] .tooltip__arrow{left:var(--tooltip-arrow-offset);top:50%;rotate:180deg}.tooltip__panel[data-position=bottom] .tooltip__arrow{left:var(--tooltip-arrow-offset);top:50%}.tooltip__panel[data-position=left] .tooltip__arrow{left:50%;top:var(--tooltip-arrow-offset);rotate:90deg}.tooltip__panel[data-position=right] .tooltip__arrow{left:50%;top:var(--tooltip-arrow-offset);rotate:-90deg}.tooltip[data-layer=inline] .tooltip__panel[data-arrow=center]{--tooltip-arrow-offset: 50%}.tooltip[data-layer=inline] .tooltip__panel[data-position=top][data-arrow=start],.tooltip[data-layer=inline] .tooltip__panel[data-position=bottom][data-arrow=start]{--tooltip-arrow-offset: var(--tooltip-arrow-inset)}.tooltip[data-layer=inline] .tooltip__panel[data-position=top][data-arrow=end],.tooltip[data-layer=inline] .tooltip__panel[data-position=bottom][data-arrow=end]{--tooltip-arrow-offset: calc(100% - var(--tooltip-arrow-inset))}.tooltip[data-layer=inline] .tooltip__panel[data-position=left][data-arrow=start],.tooltip[data-layer=inline] .tooltip__panel[data-position=right][data-arrow=start]{--tooltip-arrow-offset: var(--tooltip-arrow-inset-block)}.tooltip[data-layer=inline] .tooltip__panel[data-position=left][data-arrow=end],.tooltip[data-layer=inline] .tooltip__panel[data-position=right][data-arrow=end]{--tooltip-arrow-offset: calc(100% - var(--tooltip-arrow-inset-block))}.tooltip[data-layer=inline] .tooltip__panel[data-position=top] .tooltip__arrow,.tooltip[data-layer=inline] .tooltip__panel[data-position=bottom] .tooltip__arrow{left:auto;inset-inline-start:var(--tooltip-arrow-offset);margin-inline-start:calc(var(--tooltip-arrow-box) / -2);translate:0 -50%}.tooltip__card{position:relative;min-inline-size:0;padding:var(--space-x4);border-radius:var(--radius-x2);background:var(--tooltip-surface)}.tooltip__content{display:flex;flex-direction:column;gap:var(--space-x1-5);max-block-size:calc(100dvh - 2 * var(--tooltip-viewport-margin) - var(--tooltip-arrow-size) - 2 * var(--space-x4));overflow-y:auto}.tooltip__content:focus-visible{outline:var(--tooltip-ring-width) solid var(--tooltip-ring-inverse);outline-offset:calc(var(--tooltip-ring-gap) * -1)}.tooltip__panel[data-close=true] .tooltip__wrap{padding-inline-end:var(--space-x8)}.tooltip__title{margin:0;color:var(--tooltip-title)}.tooltip__description{margin:0;color:var(--tooltip-description)}.tooltip__close{-webkit-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--tooltip-tap-size);block-size:var(--tooltip-tap-size);padding:0;border:0;background:none;color:var(--tooltip-close-content);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}@media(hover:hover){.tooltip__close:hover{color:var(--tooltip-close-content-active)}}.tooltip__close:active{color:var(--tooltip-close-content-active)}.tooltip__close:focus-visible{outline:none}.tooltip__close:focus-visible:after{content:"";position:absolute;inset:calc((var(--tooltip-tap-size) - var(--tooltip-close-icon-size)) / 2 - var(--tooltip-ring-gap));border:var(--tooltip-ring-width) solid var(--tooltip-ring-inverse);border-radius:var(--radius-x2)}.tooltip__close-icon{inline-size:var(--tooltip-close-icon-size);block-size:var(--tooltip-close-icon-size)}.tooltip__panel[data-position=top]{--tooltip-enter-shift: 0 var(--space-x0-5)}.tooltip__panel[data-position=bottom]{--tooltip-enter-shift: 0 calc(var(--space-x0-5) * -1)}.tooltip__panel[data-position=left]{--tooltip-enter-shift: var(--space-x0-5) 0}.tooltip__panel[data-position=right]{--tooltip-enter-shift: calc(var(--space-x0-5) * -1) 0}@starting-style{.tooltip__panel{opacity:0;translate:var(--tooltip-enter-shift)}}@media(prefers-reduced-motion:reduce){.tooltip__panel,.tooltip__trigger,.tooltip__trigger-icon,.tooltip__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-tooltip.css.map */