@layer props{.soft-button[data-v-42aa68b1]:where(kira-component){--wrapper-size:40px;--ripple-size:calc(var(--wrapper-size) * 1.6);--focus-size:var(--wrapper-size);--icon-size:24px;--active:false;--white:false}}.animated-icon[data-v-42aa68b1],.icon[data-v-42aa68b1]{font-size:var(--icon-size)}.soft-button[data-v-42aa68b1]:where(kira-component){align-items:center;border-radius:100%;display:flex;height:var(--wrapper-size);justify-content:center;width:var(--wrapper-size)}@layer components{.soft-button[data-v-42aa68b1]:where(kira-component){color:var(--icon-color)}}.soft-button:where(kira-component)>div[data-v-42aa68b1]{align-items:center;color:inherit;display:flex;justify-content:center;touch-action:manipulation}.soft-button:where(kira-component)>div[data-v-42aa68b1]>*{pointer-events:none}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:not([disabled]):before{content:"";display:block;height:var(--wrapper-size);pointer-events:auto;position:absolute;width:var(--wrapper-size)}@container style(--white: true){.soft-button:where(kira-component)>div[data-v-42aa68b1]{color:#fff}}.soft-button:where(kira-component)>div[data-v-42aa68b1]>*{align-items:center;border-radius:100%;display:flex;flex-shrink:0;font-weight:600;height:var(--focus-size);justify-content:center;position:relative;width:var(--focus-size)}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:not([tabindex="-1"]):focus-visible{box-shadow:0 4px 4px color-mix(in oklab,var(--accent),transparent 70%),0 0 0 3px color-mix(in oklab,var(--accent-focus),transparent 50%)}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:active{background-color:var(--hover-overlay)}@media (any-hover:hover){.soft-button:where(kira-component)>div[data-v-42aa68b1]>:hover{background-color:var(--hover-overlay)}}.soft-button:where(kira-component)>div>:active .icon[data-v-42aa68b1]{scale:.9}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:is(:hover,:active,:has(>.ripple-circle)):not(:focus-visible){height:var(--ripple-size);width:var(--ripple-size)}.soft-button:where(kira-component)>div>.router-link-active[data-v-42aa68b1] .ripple-circle{background-color:var(--accent-ripple)}.soft-button:where(kira-component)>div>.router-link-active[data-v-42aa68b1]>*{color:var(--accent)!important}@container style(--white: true){.soft-button:where(kira-component)>div>.router-link-active[data-v-42aa68b1]>*{color:#fff!important}}.soft-button:where(kira-component)>div>.router-link-active[data-v-42aa68b1]:active{background-color:var(--accent-hover-overlay)}@media (any-hover:hover){.soft-button:where(kira-component)>div>.router-link-active[data-v-42aa68b1]:hover{background-color:var(--accent-hover-overlay)}}@container style(--active: true){.soft-button:where(kira-component)>div[data-v-42aa68b1]>* .ripple-circle{background-color:var(--accent-ripple)}.soft-button:where(kira-component)>div[data-v-42aa68b1]>*>*{color:var(--accent)!important}@container style(--white: true){.soft-button:where(kira-component)>div[data-v-42aa68b1]>*>*{color:#fff!important}}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:active{background-color:var(--accent-hover-overlay)}@media (any-hover:hover){.soft-button:where(kira-component)>div[data-v-42aa68b1]>:hover{background-color:var(--accent-hover-overlay)}}}.soft-button:where(kira-component)>div>.disabled[data-v-42aa68b1]{color:var(--gray-40)}@container style(--white: true){.soft-button:where(kira-component)>div[data-v-42aa68b1]>* .ripple-circle{background-color:color-mix(in oklab,#fff,transparent 85%)!important}.soft-button:where(kira-component)>div[data-v-42aa68b1]>:active{background-color:color-mix(in oklab,#fff,transparent 94%)!important}@media (any-hover:hover){.soft-button:where(kira-component)>div[data-v-42aa68b1]>:hover{background-color:color-mix(in oklab,#fff,transparent 94%)!important}}}.soft-button:where(kira-component)>div.textbox-trailingicon[data-v-42aa68b1]>:not([tabindex="-1"]):focus-visible{border-radius:6px;box-shadow:0 0 0 3px color-mix(in oklab,var(--gray-50),transparent 70%) inset}.soft-button:where(kira-component)>div[data-v-42aa68b1] *{color:inherit}.soft-button:where(kira-component)>div>a[data-v-42aa68b1]{pointer-events:auto}