:where(.icon-button[data-v-97c3e4ee]){--btn-size:var(--unit-48);--btn-font-size:var(--unit-24);--btn-bg:transparent;--btn-color:var(--color-neutral-white);--btn-border:0;--btn-shadow:none;--btn-overlay-opacity:0;--btn-disabled-opacity:.5;--btn-primary-shadow:0 0 0 2px var(--color-primary-400),0 0 0 3px rgba(0,0,0,.8) inset;--btn-tertiary-shadow:0 0 0 2px var(--color-primary-400)}.icon-button[data-v-97c3e4ee]{align-items:center;background:var(--btn-bg);border:var(--btn-border);border-radius:var(--global-border-radius-rounded);box-shadow:var(--btn-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);height:var(--btn-size);justify-content:center;outline:none;overflow:hidden;padding:0;position:relative;transition:box-shadow .15s var(--easeOut),background .15s var(--easeOut),border .15s var(--easeOut),color .15s var(--easeOut),opacity .15s var(--easeOut);vertical-align:middle;width:var(--btn-size)}.icon-button[data-v-97c3e4ee]:before{background:var(--color-neutral-black);content:"";inset:0;opacity:var(--btn-overlay-opacity);pointer-events:none;position:absolute;transition:opacity .15s var(--easeOut)}.icon-button .icon-button-icon[data-v-97c3e4ee]{display:flex;position:relative}.icon-button.icon-button-primary[data-v-97c3e4ee]{--btn-bg:var(--color-primary-gradient);--btn-color:var(--color-neutral-white)}.icon-button.icon-button-secondary[data-v-97c3e4ee]{--btn-bg:var(--color-accent-gradient-white);--btn-color:var(--color-neutral-black)}.icon-button.icon-button-tertiary[data-v-97c3e4ee]{--btn-border:2px solid var(--color-neutral-white)}.icon-button.icon-button-black[data-v-97c3e4ee]{--btn-bg:rgba(0,0,0,.7);--btn-disabled-opacity:.3}.icon-button.is--medium[data-v-97c3e4ee],.icon-button.is--small[data-v-97c3e4ee]{--btn-size:var(--unit-40);--btn-font-size:var(--unit-18)}@media(min-width:1024px){.icon-button.is--medium[data-v-97c3e4ee]{--btn-size:var(--unit-48);--btn-font-size:var(--unit-24)}}.icon-button.is--large[data-v-97c3e4ee]{--btn-size:var(--unit-48);--btn-font-size:var(--unit-24)}@media(min-width:1024px){.icon-button.is--large[data-v-97c3e4ee]{--btn-size:var(--unit-54);--btn-font-size:var(--unit-28)}}.icon-button.is--small-large[data-v-97c3e4ee]{--btn-size:var(--unit-40);--btn-font-size:var(--unit-18)}@media(min-width:1024px){.icon-button.is--small-large[data-v-97c3e4ee]{--btn-size:var(--unit-54);--btn-font-size:var(--unit-28)}}.icon-button.is--disabled[data-v-97c3e4ee],.icon-button[data-v-97c3e4ee]:disabled{cursor:default;opacity:var(--btn-disabled-opacity);pointer-events:none}@media(hover:hover)and (pointer:fine){.icon-button:hover.icon-button-primary[data-v-97c3e4ee],.icon-button:hover.icon-button-secondary[data-v-97c3e4ee]{--btn-overlay-opacity:.25}.icon-button:hover.icon-button-tertiary[data-v-97c3e4ee]{--btn-border:2px solid var(--color-neutral-300)}.icon-button:hover.icon-button-black[data-v-97c3e4ee]{--btn-bg:rgba(0,0,0,.3)}}.icon-button.is--active.icon-button-primary[data-v-97c3e4ee],.icon-button:active:not(.is--disabled).icon-button-primary[data-v-97c3e4ee]{--btn-color:var(--color-neutral-100);--btn-overlay-opacity:.5}.icon-button.is--active.icon-button-secondary[data-v-97c3e4ee],.icon-button:active:not(.is--disabled).icon-button-secondary[data-v-97c3e4ee]{--btn-color:var(--color-neutral-400);--btn-overlay-opacity:.4}.icon-button.is--active.icon-button-tertiary[data-v-97c3e4ee],.icon-button:active:not(.is--disabled).icon-button-tertiary[data-v-97c3e4ee]{--btn-color:var(--color-neutral-400);--btn-border:2px solid var(--color-neutral-400)}.icon-button.is--focused.icon-button-primary[data-v-97c3e4ee],.icon-button.is--focused.icon-button-secondary[data-v-97c3e4ee],.icon-button:focus-visible:not(.is--disabled).icon-button-primary[data-v-97c3e4ee],.icon-button:focus-visible:not(.is--disabled).icon-button-secondary[data-v-97c3e4ee]{--btn-overlay-opacity:.25;--btn-shadow:var(--btn-primary-shadow)}.icon-button.is--focused.icon-button-black[data-v-97c3e4ee],.icon-button.is--focused.icon-button-tertiary[data-v-97c3e4ee],.icon-button:focus-visible:not(.is--disabled).icon-button-black[data-v-97c3e4ee],.icon-button:focus-visible:not(.is--disabled).icon-button-tertiary[data-v-97c3e4ee]{--btn-border:2px solid transparent;--btn-shadow:var(--btn-tertiary-shadow)}