.b-key-component__button{background:rgba(0,0,0,.45);border:2px solid hsla(0,0%,100%,.69);border-radius:2.69363rem;cursor:pointer;height:2.69363rem;width:2.69363rem}.b-key-component__button,.b-key-component__button:before{box-shadow:0 0 7px 0 rgba(0,0,0,.25);transition:background-color .2s ease-out}.b-key-component__button:before{background-color:var(--color-white);border-radius:50%;bottom:0;content:"";height:.73463rem;left:0;margin:auto;position:absolute;right:0;top:0;width:.73463rem;z-index:1}.b-key-component__button:hover{background-color:rgba(0,0,0,.8)}.b-key-component__button:hover:before{backdrop-filter:blur(.25rem);background:var(--color-primary-300)}.b-key-component__button--is-active{z-index:9999999!important}.b-key-component__button--is-active:before{backdrop-filter:blur(.25rem);background:var(--color-primary-500)}.b-key-component[aria-expanded=true]{z-index:999999!important}.b-key-component[aria-expanded=true] .b-key-component__button{z-index:9999999!important}.b-key-component[aria-expanded=true] .b-key-component__button:before{backdrop-filter:blur(.25rem);background:var(--color-primary-500)}.b-key-component__inner{background-color:var(--color-white);box-shadow:0 .5rem 2rem rgba(0,0,0,.15);display:none}.b-key-component__inner[data-placement]{border-radius:.5rem;min-width:10.75rem;padding:.88rem}.b-key-component__inner[data-placement]:after{border-color:transparent;border-style:solid;content:"";position:absolute}.b-key-component__inner[data-placement=left]:after{border-left-color:var(--color-white);border-width:.3125rem 0 .3125rem .3125rem;right:-.3125rem;top:50%;transform:translateY(-50%)}.b-key-component__inner[data-placement=right]:after{border-right-color:var(--color-white);border-width:.3125rem .3125rem .3125rem 0;left:-.3125rem;top:50%;transform:translateY(-50%)}.b-key-component__inner[data-placement=top]:after{border-top-color:var(--color-white);border-width:.3125rem .3125rem 0;bottom:-.3125rem;left:50%;transform:translateX(-50%)}.b-key-component__inner[data-placement=bottom]:after{border-bottom-color:var(--color-white);border-width:0 .3125rem .3125rem;left:50%;top:-.3125rem;transform:translateX(-50%)}.b-key-component .tippy-box{background-color:var(--color-white);border:none;border-radius:.5rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.15);max-width:none!important;padding:0}.b-key-component .tippy-box .tippy-content{display:block;grid-template-columns:1fr;min-width:10.75rem;padding:.88rem}.b-key-component .tippy-box .tippy-arrow{color:var(--color-white);height:.625rem;width:.625rem}.b-key-component .tippy-box .tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.b-key-component .tippy-box[data-placement^=left]>.tippy-arrow{right:0}.b-key-component .tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:currentcolor;border-width:.3125rem 0 .3125rem .3125rem;right:-.3125rem;transform-origin:center left}.b-key-component .tippy-box[data-placement^=right]>.tippy-arrow{left:0}.b-key-component .tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:currentcolor;border-width:.3125rem .3125rem .3125rem 0;left:-.3125rem;transform-origin:center right}.b-key-component .tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.b-key-component .tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:currentcolor;border-width:.3125rem .3125rem 0;bottom:-.3125rem;left:0;transform-origin:center top}.b-key-component .tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.b-key-component .tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:currentcolor;border-width:0 .3125rem .3125rem;left:0;top:-.3125rem;transform-origin:center bottom}.b-key-component__header{color:var(--color-neutral-800);font-family:var(--font-family-heading);font-size:1.07744rem;font-style:normal;font-weight:500;line-height:1.27338;margin:0 0 .2rem}.b-key-component__description{color:var(--color-neutral-600);font-family:var(--font-family-base);font-size:.68563rem;font-style:normal;font-weight:400;line-height:1.28571;margin:0}
/*# sourceMappingURL=block_key-component.css.map*/