.tooltip{position:relative;display:inline-block}.tooltip__trigger-button{position:relative;font-size:.875rem;background:none;border:0;line-height:1.4285714286;font-weight:700;text-align:center;display:inline-flex;cursor:pointer;outline:0;vertical-align:top;border-radius:64px;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1);justify-content:center;align-items:center;color:#111;background:#f5f5f5;height:2rem;width:2rem;padding:0}.tooltip__trigger-button:hover,.tooltip__trigger-button:active,.tooltip__trigger-button:focus{text-decoration:none}.tooltip__trigger-button .svg-icon{flex-shrink:0}.tooltip__trigger-button:disabled{cursor:default}.tooltip__trigger-button:after{content:"";position:absolute;top:-.375rem;left:-.375rem;right:-.375rem;bottom:-.375rem}.tooltip__trigger-button:hover{background:#dfdfdf}.tooltip__trigger-button:active{background:#ccc}.tooltip__trigger-button:disabled{cursor:default;background:#dfdfdf;color:#929292}.tooltip__trigger-button__label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}.tooltip__trigger-button--active{background:#111;color:#fff}.tooltip__trigger-button--active:hover{background:#333;color:#fff}.tooltip__trigger-button--active:active{background:#000;color:#fff}.tooltip__trigger-button--active:focus{color:#fff}.tooltip__trigger-button:disabled{background:#dfdfdf;color:#929292;cursor:default}.tooltip__trigger-button-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);margin:-1px;white-space:nowrap}.tooltip__custom-trigger-wrapper{display:inline-block}.tooltip__body{--skapa-tooltip-boundary-left: 0vw;--skapa-tooltip-boundary-right: 100vw;--skapa-tooltip-offset: .75rem;--skapa-tooltip-screen-edge: 1.25rem;--skapa-tooltip-max-width: min(60vw, calc(var(--skapa-tooltip-boundary-right) - var(--skapa-tooltip-boundary-left) - 2 * calc(var(--skapa-tooltip-screen-edge) + var(--skapa-tooltip-padding-horizontal))));--skapa-tooltip-transformY: -100%;--skapa-tooltip-padding-horizontal: .75rem;--skapa-trigger-left: 50vw;--skapa-trigger-right: 50vw;--skapa-trigger-center: calc( calc(var(--skapa-trigger-left) + var(--skapa-trigger-right)) * .5);--skapa-tooltip-overflow-x-left: calc(50% + var(--skapa-tooltip-boundary-left) + var(--skapa-tooltip-screen-edge) - var(--skapa-trigger-center));--skapa-tooltip-overflow-x-right: calc(var(--skapa-trigger-center) + 50% - var(--skapa-tooltip-boundary-right) + var(--skapa-tooltip-screen-edge));--skapa-tooltip-transformX: min(max(-50%, calc(-50% + var(--skapa-tooltip-overflow-x-left))), calc(-50% - var(--skapa-tooltip-overflow-x-right)));font-size:.75rem;line-height:1.5;width:-webkit-max-content;width:max-content;max-width:var(--skapa-tooltip-max-width);visibility:hidden;z-index:300;background:#111;color:#fff;border-radius:4px;padding:.5rem var(--skapa-tooltip-padding-horizontal);transition:transform .1s cubic-bezier(.4,0,.4,1),opacity .1s cubic-bezier(0,0,1,1);position:absolute;top:0;left:50%;opacity:0;display:inline-block;box-sizing:content-box;transform:translate(var(--skapa-tooltip-transformX)) translateY(var(--skapa-tooltip-transformY))}.tooltip__body--entering{--skapa-tooltip-transformY:calc(-100% - .75rem);visibility:visible;opacity:1}.tooltip__body--leaving{visibility:visible;opacity:0}.tooltip__body--no-transition{transition:none}.tooltip--trailing .tooltip__body{top:50%;left:100%;max-width:min(var(--skapa-tooltip-max-width),var(--skapa-tooltip-boundary-right) - var(--skapa-trigger-right) - var(--skapa-tooltip-offset) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge));--skapa-tooltip-transformX: 0%;--skapa-tooltip-transformY: -50%}.tooltip--trailing .tooltip__body--entering,.tooltip--trailing .tooltip__body--leaving{--skapa-tooltip-transformX: var(--skapa-tooltip-offset)}.tooltip--bottom .tooltip__body{top:100%;left:50%;--skapa-tooltip-transformY: 0%}.tooltip--bottom .tooltip__body--entering,.tooltip--bottom .tooltip__body--leaving{--skapa-tooltip-transformY: var(--skapa-tooltip-offset)}.tooltip--leading .tooltip__body{top:50%;left:0;max-width:min(var(--skapa-tooltip-max-width),var(--skapa-trigger-left) - var(--skapa-tooltip-offset) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge) - var(--skapa-tooltip-boundary-left));--skapa-tooltip-transformX: -100%;--skapa-tooltip-transformY: -50%}.tooltip--leading .tooltip__body--entering,.tooltip--leading .tooltip__body--leaving{--skapa-tooltip-transformX: calc(-100% - var(--skapa-tooltip-offset))}@media (min-width: 56.25em){.tooltip__body{--skapa-tooltip-max-width: min(30vw, calc(var(--skapa-tooltip-boundary-right) - var(--skapa-tooltip-boundary-left) - 2 * calc(var(--skapa-tooltip-screen-edge) + var(--skapa-tooltip-padding-horizontal))))}}
