.b-key-component__button{align-items:center;background:none;border:none;display:flex;height:clamp(2rem,.4286rem + 2.8571vw,3rem);justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:clamp(2rem,.4286rem + 2.8571vw,3rem)}.b-key-component__button:before{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:rgba(0,0,0,.6);border-radius:50%;bottom:auto;content:"";height:100%;left:auto;position:absolute;right:auto;top:auto;transition:background-color .2s ease-out;width:100%;z-index:1}.b-key-component__button:hover:before{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:var(--color-green)}.b-key-component__button:hover svg path{stroke:var(--color-white)}.b-key-component__button svg{position:relative;transition:transform .2s ease-out;z-index:2}.b-key-component__button svg path{transition:stroke .2s ease-out}.b-key-component__button--is-active{z-index:9999999!important}.b-key-component__button--is-active:before{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:var(--color-green)}.b-key-component__button--is-active svg{transform:rotate(45deg)}.b-key-component__button--is-active svg path{stroke:var(--color-white)}.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{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:var(--color-green)}.b-key-component[aria-expanded=true] .b-key-component__button svg{transform:rotate(45deg)}.b-key-component[aria-expanded=true] .b-key-component__button svg path{stroke:var(--color-white)}.b-key-component__inner{display:none}.b-key-component__tipy-wrapper{background-color:var(--color-light-gray);border-radius:1rem;display:grid;gap:1rem;grid-template-areas:"image" "text";grid-template-columns:1fr;padding:1rem;width:100%}@media(min-width:414px){.b-key-component__tipy-wrapper{grid-template-areas:"image text";grid-template-columns:1fr 1fr}}@media(min-width:576px){.b-key-component__tipy-wrapper{grid-template-columns:12.5rem 1fr}}@media(min-width:768px){.b-key-component__tipy-wrapper{background-color:var(--color-white)}}.b-key-component__image{grid-area:image;margin:0;padding:0}.b-key-component__image img{border-radius:.375rem}.b-key-component__description{color:var(--color-black);grid-area:text}.b-key-component__title{font-size:var(--fz-sm);font-style:normal;font-weight:600;line-height:var(--lh-sm)}.b-key-component__text{font-size:var(--fz-xs);font-style:normal;font-weight:400;line-height:var(--lh-xs)}
/*# sourceMappingURL=block_key-component.css.map*/