.tooltip{display:inline-block;position:relative}.tooltip__trigger-button{--background:rgb(var(--colour-interactive-secondary-bg-default,245, 245, 245));--background-hover:rgb(var(--colour-interactive-secondary-bg-hover,223, 223, 223));--background-press:rgb(var(--colour-interactive-secondary-bg-pressed,204, 204, 204));--foreground:rgb(var(--colour-text-and-icon-1,17, 17, 17));--disabled-foreground:rgb(var(--colour-interactive-disabled-2,146, 146, 146));--disabled-background:rgb(var(--colour-interactive-disabled-1,204, 204, 204));text-align:center;cursor:pointer;vertical-align:top;color:var(--foreground);background:var(--background);border:0;border-radius:64px;outline:0;justify-content:center;align-items:center;padding:0 2rem;text-decoration:none;transition-property:opacity,transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.4,1);display:inline-flex;position:relative}.tooltip__trigger-button:hover{background:var(--background-hover)}.tooltip__trigger-button:active{background:var(--background-press)}.tooltip__trigger-button:disabled{cursor:default;background:var(--disabled-background);color:var(--disabled-foreground)}.tooltip__trigger-button:hover,.tooltip__trigger-button:active,.tooltip__trigger-button:focus{text-decoration:none}.tooltip__trigger-button{width:2rem;height:2rem;padding:0}.tooltip__trigger-button:after{content:"";position:absolute;inset:-.375rem}.tooltip__trigger-button__label{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tooltip__trigger-button--active{background:rgb(var(--colour-interactive-primary-bg-default,17, 17, 17));color:rgb(var(--colour-text-and-icon-5,255, 255, 255))}.tooltip__trigger-button--active:hover{background:rgb(var(--colour-interactive-primary-bg-hover,51, 51, 51));color:rgb(var(--colour-text-and-icon-5,255, 255, 255))}.tooltip__trigger-button--active:active{background:rgb(var(--colour-interactive-primary-bg-pressed,0, 0, 0));color:rgb(var(--colour-text-and-icon-5,255, 255, 255))}.tooltip__trigger-button--active:focus{color:rgb(var(--colour-text-and-icon-5,255, 255, 255))}.tooltip__trigger-button:disabled{background:rgb(var(--colour-interactive-disabled-1,204, 204, 204));color:rgb(var(--colour-interactive-disabled-2,146, 146, 146));cursor:default}.tooltip__trigger-button-label{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tooltip__custom-trigger-wrapper{outline:0;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,100vw) - var(--skapa-tooltip-boundary-left,0) - 2 * calc(var(--skapa-tooltip-screen-edge,1.25rem) + 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)));width:max-content;max-width:var(--skapa-tooltip-max-width);visibility:hidden;z-index:300;opacity:0;box-sizing:content-box;transform:translateX(var(--skapa-tooltip-transformX)) translateY(var(--skapa-tooltip-transformY));padding:0;transition:transform .1s cubic-bezier(.4,0,.4,1),opacity .1s cubic-bezier(0,0,1,1),padding .1s cubic-bezier(.4,0,.4,1);display:inline-block;position:absolute;top:0;left:50%}.tooltip__body--hidden{display:none}.tooltip__body .tooltip__message-background{background:rgb(var(--colour-elevation-3,17, 17, 17));color:rgb(var(--colour-static-white,255, 255, 255));border:1px solid rgb(var(--colour-elevation-2-border,72, 72, 72));padding:.5rem var(--skapa-tooltip-padding-horizontal);white-space:pre-line;border-radius:4px;display:inline-block}.tooltip__body--entering{visibility:visible;opacity:1;padding:.25rem;top:.5rem}.tooltip__body--leaving{visibility:visible;opacity:0}.tooltip__body--no-transition{transition:none}.tooltip--top .tooltip__body--entering,.tooltip--top .tooltip__body--leaving{padding-bottom:calc(var(--skapa-tooltip-offset) + .5rem)}.tooltip--trailing .tooltip__body{max-width:min(var(--skapa-tooltip-max-width), var(--skapa-tooltip-boundary-right,100vw) - var(--skapa-trigger-right,50vw) - var(--skapa-tooltip-offset,.75rem) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge,1.25rem));--skapa-tooltip-transformX:0%;--skapa-tooltip-transformY:-50%;top:50%;left:calc(100% - .5rem)}.tooltip--trailing .tooltip__body--entering,.tooltip--trailing .tooltip__body--leaving{padding-inline-start:calc(var(--skapa-tooltip-offset) + .5rem)}.tooltip--bottom .tooltip__body{--skapa-tooltip-transformY:0%;top:calc(100% - .5rem);left:50%}.tooltip--bottom .tooltip__body--entering,.tooltip--bottom .tooltip__body--leaving{padding-top:calc(var(--skapa-tooltip-offset) + .5rem)}.tooltip--leading .tooltip__body{max-width:min(var(--skapa-tooltip-max-width), var(--skapa-trigger-left,50vw) - var(--skapa-tooltip-offset,.75rem) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge,1.25rem) - var(--skapa-tooltip-boundary-left,0));--skapa-tooltip-transformX:-100%;--skapa-tooltip-transformY:-50%;top:50%;left:.5rem}.tooltip--leading .tooltip__body--entering,.tooltip--leading .tooltip__body--leaving{padding-inline-end:calc(var(--skapa-tooltip-offset) + .5rem)}@media (min-width:56.25em){.tooltip__body{--skapa-tooltip-max-width:min(30vw, calc(var(--skapa-tooltip-boundary-right,0) - var(--skapa-tooltip-boundary-left,0) - 2 * calc(var(--skapa-tooltip-screen-edge,1.25rem) + var(--skapa-tooltip-padding-horizontal))))}}[dir=rtl] .tooltip--trailing .tooltip__body{max-width:min(var(--skapa-tooltip-max-width), var(--skapa-trigger-left,50vw) - var(--skapa-tooltip-offset,.75rem) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge,1.25rem) - var(--skapa-tooltip-boundary-left));--skapa-tooltip-transformX:-100%;--skapa-tooltip-transformY:-50%;top:50%;left:.5rem}[dir=rtl] .tooltip--leading .tooltip__body{max-width:min(var(--skapa-tooltip-max-width), var(--skapa-tooltip-boundary-right) - var(--skapa-trigger-right,50vw) - var(--skapa-tooltip-offset,.75rem) - 2 * var(--skapa-tooltip-padding-horizontal) - var(--skapa-tooltip-screen-edge,1.25rem));--skapa-tooltip-transformX:0%;--skapa-tooltip-transformY:-50%;top:50%;left:calc(100% - .5rem)}