.app-button-icon{--icon-width:clamp(1.875rem,1.4058rem + 1.9102vw,3.125rem);--icon-size:15px;aspect-ratio:1;backface-visibility:hidden;min-width:var(--icon-width);transition:transform .48s var(--ease-smooth-in-out);width:var(--icon-width);will-change:transform}.app-button-icon:after{border-radius:3.40282e+38px;content:"";inset:calc(var(--spacing,.25rem)*0);opacity:0;position:absolute;transform:scale(0);transform-origin:50%;transition:opacity .5s,transform .48s var(--ease-smooth-in-out);z-index:-1}.app-button-icon:dir(ltr){--icon-direction:1}.app-button-icon:dir(rtl){--icon-direction:-1}.app-button-icon.--size-30-50>span>.icon-arrow-right{max-height:clamp(.625rem,.5077rem + .4776vw,.9375rem)}.app-button-icon.--size-30-50>span>.icon-external{--icon-size:12px}.app-button-icon.--size-30{--icon-size:11px;--icon-width:30px}.app-button-icon.--size-30>span>.icon-arrow-right{max-height:10px}.app-button-icon.--size-30>span>.icon-external{--icon-size:9px}.app-button-icon.--size-40{--icon-size:13px;--icon-width:40px}.app-button-icon.--size-40>span>.icon-arrow-right{max-height:12px}.app-button-icon.--size-40>span>.icon-external{--icon-size:10px}.app-button-icon.--size-40-50{--icon-size:clamp(.875rem,.8046rem + .2865vw,1.0625rem);--icon-width:clamp(2.5rem,2.2654rem + .9551vw,3.125rem)}.app-button-icon.--size-40-50>span>.icon-arrow-right{max-height:clamp(.8125rem,.7421rem + .2865vw,1rem)}.app-button-icon.--size-40-50>span>.icon-external{--icon-size:clamp(.625rem,.5546rem + .2865vw,.8125rem)}.app-button-icon.--size-50{--icon-size:15px;--icon-width:50px}.app-button-icon.--size-50>span>.icon-arrow-right{max-height:15px}.app-button-icon.--size-50>span>.icon-external{--icon-size:12px}.app-button-icon.--size-50-80{--icon-size:clamp(.9375rem,.6325rem + 1.2416vw,1.75rem);--icon-width:clamp(3.125rem,2.4212rem + 2.8653vw,5rem)}.app-button-icon.--size-50-80>span>.icon-arrow-right{max-height:clamp(.9375rem,.6325rem + 1.2416vw,1.75rem)}.app-button-icon.--size-50-80>span>.icon-external{--icon-size:clamp(.75rem,.5623rem + .7641vw,1.25rem)}.app-button-icon.--size-80{--icon-size:28px;--icon-width:80px}.app-button-icon.--size-80>span>.icon-arrow-right{max-height:28px}.app-button-icon.--size-80>span>.icon-external{--icon-size:20px}.app-button-icon.--color-brand{background-color:var(--color-brand,#764897);color:var(--color-white,#fff)}.app-button-icon.--color-secondary{background-color:var(--color-brand-secondary,#72b76e);color:var(--color-white,#fff)}.app-button-icon.--color-tertiary{background-color:var(--color-brand-tertiary,#5bc5f2);color:var(--color-white,#fff)}.app-button-icon.--color-black{background-color:var(--color-content,var(--text-content--color));color:var(--color-white,#fff)}.app-button-icon.--color-white{background-color:var(--color-white,#fff);color:var(--color-content,var(--text-content--color))}.app-button-icon.--color-hover-brand{--v-wave-color:color-mix(in oklab,var(--color-brand) 50%,transparent)}.app-button-icon.--color-hover-brand:after{background-color:#76489714}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-brand:after{background-color:color-mix(in oklab,var(--color-brand,#764897) 8%,transparent)}}.app-button-icon.--color-hover-brand.--color-black{--v-wave-color:color-mix(in oklab,var(--color-brand) 80%,transparent)}.app-button-icon.--color-hover-brand.--color-black:after{background-color:#76489733}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-brand.--color-black:after{background-color:color-mix(in oklab,var(--color-brand,#764897) 20%,transparent)}}.app-button-icon.--color-hover-secondary{--v-wave-color:color-mix(in oklab,var(--color-brand-secondary) 50%,transparent)}.app-button-icon.--color-hover-secondary:after{background-color:#72b76e1a}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-secondary:after{background-color:color-mix(in oklab,var(--color-brand-secondary,#72b76e) 10%,transparent)}}.app-button-icon.--color-hover-tertiary{--v-wave-color:color-mix(in oklab,var(--color-brand-tertiary) 40%,transparent)}.app-button-icon.--color-hover-tertiary:after{background-color:#5bc5f214}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-tertiary:after{background-color:color-mix(in oklab,var(--color-brand-tertiary,#5bc5f2) 8%,transparent)}}.app-button-icon.--color-hover-black{--v-wave-color:color-mix(in oklab,var(--color-black) 30%,transparent)}.app-button-icon.--color-hover-black:after{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-black:after{background-color:color-mix(in oklab,var(--color-black,#000) 10%,transparent)}}.app-button-icon.--color-hover-white:after{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.app-button-icon.--color-hover-white:after{background-color:color-mix(in oklab,var(--color-white,#fff) 10%,transparent)}}.app-button-icon>span{transition:transform .8s var(--ease-scale),opacity .2s var(--ease-out-sine),color .18s ease 25ms}.app-button-icon>span>svg{max-height:var(--icon-size);width:var(--icon-size)}.app-button-icon>span>svg:dir(rtl){transform:scaleX(-1)}.app-button-icon>.app-button-icon__main{transition-delay:11ms}.app-button-icon>.app-button-icon__mirror{opacity:0;transform:translate(calc(-60%*var(--icon-direction))) scale(0)}@media(hover:hover)and (pointer:fine){.app-button-icon:hover,.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon{transform:scale(1.15)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover):after{opacity:1;transform:scale(1.1)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover)>.app-button-icon__main{opacity:0;transform:translate(calc((100% + 30px)*var(--icon-direction))) scale(0)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover)>.app-button-icon__mirror{opacity:1;transform:translate(0)scale(.9);transition-delay:0s}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover).--color-hover-brand>.app-button-icon__mirror{color:var(--color-brand,#764897)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover).--color-hover-secondary>.app-button-icon__mirror{color:var(--color-brand-secondary,#72b76e)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover).--color-hover-tertiary>.app-button-icon__mirror{color:var(--color-brand-tertiary,#5bc5f2)}:is(.trigger-app-button:not(:has(.no-trigger:hover)):hover .app-button-icon,.app-button-icon:hover).--color-hover-black>.app-button-icon__mirror{color:var(--color-black,#000)}}