.icon-button-wrapper{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}@media only screen and (min-width:576px) and (hover:hover){.icon-button-wrapper:hover .icon-button:not(.icon-button--no-hover){background-color:var(--button-hover-bg);color:var(--button-hover-color)}}@media only screen and (min-width:576px){.icon-button-wrapper:active .icon-button{background-color:var(--button-active-bg);color:var(--button-active-color)}}.icon-button-wrapper:focus-visible .icon-button{background-color:var(--button-focus-bg);color:var(--button-focus-color)}.icon-button{align-items:center;background-color:var(--button-bg);border-radius:50%;color:var(--button-color);cursor:pointer;display:flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;text-align:center;text-decoration:none;transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-out;width:var(--button-size)}@media only screen and (min-width:576px) and (hover:hover){.icon-button .icon-button-wrapper:hover .icon-button,.icon-button:hover:not(.icon-button--no-hover){background-color:var(--button-hover-bg);color:var(--button-hover-color)}}@media only screen and (min-width:576px){.icon-button:active{background-color:var(--button-active-bg);color:var(--button-active-color)}}.icon-button:focus-visible{background-color:var(--button-focus-bg);color:var(--button-focus-color)}.icon-button:disabled{background-color:var(--button-disabled-bg);color:var(--button-disabled-color);cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-button--variant-primary{--button-bg:var(--bg-accent);--button-color:var(--icon-primary);--button-hover-bg:var(--bg-accent-hover);--button-hover-color:var(--text-primary);--button-active-bg:var(--bg-accent-hover);--button-active-color:var(--text-primary);--button-focus-bg:var(--bg-accent-hover);--button-focus-color:var(--text-primary);--button-disabled-bg:var(--bg-accent);--button-disabled-color:var(--text-primary)}.icon-button--variant-secondary{--button-bg:var(--bg-secondary);--button-color:var(--icon-primary);--button-hover-bg:var(--bg-secondary-hover);--button-hover-color:var(--icon-primary);--button-active-bg:var(--bg-secondary-hover);--button-active-color:var(--icon-primary);--button-focus-bg:var(--bg-secondary-hover);--button-focus-color:var(--icon-primary);--button-disabled-bg:var(--bg-secondary);--button-disabled-color:var(--icon-primary)}.icon-button--size-xs{--button-size:28px;--button-icon-size:12px}.icon-button--size-s{--button-size:48px;--button-icon-size:20px}.icon-button--size-m{--button-size:52px;--button-icon-size:20px}.icon-button--size-l{--button-size:80px;--button-icon-size:28px}.icon-button__icon{height:var(--button-icon-size);width:var(--button-icon-size)}