@layer components{.c-tooltip{margin:0}.c-tooltip__content{transition:all .25s ease-in-out}.c-tooltip__toggle{--icon-size:1.1em;--toggle-size:54px;--toggle-bg:var(--brand-yellow);--toggle-bg-active:var(--brand-black);--icon-color:var(--brand-black);--icon-color-active:var(--brand-yellow);align-items:center;background:var(--toggle-bg,var(--brand-yellow));border-radius:50%;display:flex;height:var(--toggle-size,54px);inset:var(--toggle-inset);justify-content:center;position:absolute;transition:all .25s ease;width:var(--toggle-size,54px);z-index:200}.c-tooltip__toggle:focus,.c-tooltip__toggle:hover{background:var(--toggle-bg-active,#fff)}.c-tooltip-icon{color:var(--icon-color)}.c-tooltip__toggle:focus .c-tooltip-icon,.c-tooltip__toggle:hover .c-tooltip-icon{color:var(--icon-color-active)}.c-tooltip__tray{opacity:0;pointer-events:none;position:absolute;transform-origin:bottom right;transition:all .25s ease;visibility:hidden;z-index:100}.c-tooltip-icon{height:var(--icon-size)}.c-tooltip-icon__line{transform-origin:center;transition:all .25s ease}.is-active-tooltip .c-tooltip-icon__line--y{transform:rotate(90deg)}@media only screen and (max-width:800px){.c-tooltip__toggle{--icon-size:0.75em;--toggle-size:40px}}}