.ds-icon{line-height:0;display:inline-flex;align-items:center;justify-content:center}.ds-icon>svg{width:inherit;height:inherit;fill:currentColor;flex-shrink:0}.ds-icon-button{--ds-icon-button-text-color:rgb(var(--ds-rgb-label-2));--ds-icon-button-outline-color:rgb(var(--ds-rgb-primary));--ds-icon-button-size:18px;--ds-icon-button-background-inset:-4px;--ds-icon-button-hover-color:rgb(var(--ds-rgb-hover));position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--ds-icon-button-text-color);cursor:pointer;transition:all var(--ds-transition-duration) var(--ds-ease-in-out);outline:none;-webkit-user-select:none;user-select:none}.ds-icon-button,.ds-icon-button svg{width:var(--ds-icon-button-size);height:var(--ds-icon-button-size)}.ds-icon-button svg{fill:currentColor;flex-shrink:0}.ds-icon-button:hover:before{background-color:var(--ds-icon-button-hover-color)}.ds-icon-button:before{content:"";position:absolute;top:var(--ds-icon-button-background-inset);right:var(--ds-icon-button-background-inset);bottom:var(--ds-icon-button-background-inset);left:var(--ds-icon-button-background-inset);border-radius:8px;background-color:rgba(var(--ds-rgba-transparent));transition:background-color var(--ds-transition-duration) var(--ds-ease-in-out)}.ds-icon-button:after{content:"";position:absolute;top:calc(var(--ds-icon-button-background-inset) - 2px);right:calc(var(--ds-icon-button-background-inset) - 2px);bottom:calc(var(--ds-icon-button-background-inset) - 2px);left:calc(var(--ds-icon-button-background-inset) - 2px);border-radius:10px;transition:box-shadow var(--ds-transition-duration) var(--ds-ease-in-out);pointer-events:none}.ds-icon-button:focus-visible:after{box-shadow:0 0 0 2px var(--ds-icon-button-outline-color)}.ds-input .ds-input__icon{--ds-input-icon-color:rgb(var(--ds-rgb-label-3));--ds-input-icon-size:18px;color:var(--ds-input-icon-color);font-size:var(--ds-input-icon-size);width:var(--ds-input-icon-size);height:var(--ds-input-icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-input.ds-input--m .ds-input__password-toggle .ds-icon-button{--ds-icon-button-size:16px}.ds-input.ds-input--s .ds-input__password-toggle .ds-icon-button{--ds-icon-button-size:15px}.ds-input.ds-input--xs .ds-input__password-toggle .ds-icon-button{--ds-icon-button-size:14px}.ds-toast .ds-toast__icon{--ds-toast-icon-size:20px;--ds-toast-icon-color:rgb(var(--ds-rgb-label-1));font-size:var(--ds-toast-icon-size);color:var(--ds-toast-icon-color);display:flex;align-items:center;justify-content:center;margin-right:10px;margin-bottom:auto;position:relative;top:2px;flex-shrink:0}.ds-toast .ds-toast__icon,.ds-toast .ds-toast__icon svg{width:var(--ds-toast-icon-size);height:var(--ds-toast-icon-size)}.ds-toast .ds-toast__icon svg{fill:currentColor}.ds-toast.ds-toast--warning .ds-toast__icon{--ds-toast-icon-color:rgb(var(--ds-rgb-warning))}.ds-toast.ds-toast--success .ds-toast__icon{--ds-toast-icon-color:rgb(var(--ds-rgb-success))}.ds-toast.ds-toast--error .ds-toast__icon{--ds-toast-icon-color:rgb(var(--ds-rgb-error))}.ds-toast.ds-toast--filled .ds-toast__icon{--ds-toast-icon-color:white}.ds-toast .ds-toast__close{--ds-toast-close-icon-size:10px;width:var(--ds-toast-close-size);height:var(--ds-toast-close-size);margin-left:10px;display:flex;align-items:center;justify-content:center;color:var(--ds-toast-current-color);cursor:pointer;border-radius:var(--ds-toast-close-border-radius);transition:background-color .2s ease;flex-shrink:0}.ds-toast .ds-toast__close:hover{background-color:rgba(255,255,255,.1)}.ds-toast .ds-toast__close svg{width:var(--ds-toast-close-icon-size);height:var(--ds-toast-close-icon-size);fill:currentColor}.ds-alert .ds-alert__icon{--icon-size:21px;width:var(--icon-size);height:var(--icon-size);font-size:var(--icon-size);display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;flex-grow:0}.ds-alert .ds-alert__icon svg{width:var(--icon-size);height:var(--icon-size);fill:currentColor}.ds-alert .ds-alert__icon--warning{color:rgb(var(--ds-rgb-warning))}.ds-alert .ds-alert__icon--success{color:rgb(var(--ds-rgb-success))}.ds-alert .ds-alert__icon--error{color:rgb(var(--ds-rgb-error))}.ds-alert .ds-alert__icon--info{color:rgb(var(--ds-rgb-info))}.ds-notification-container .ds-notification .ds-notification__icon-wrapper{width:21px;margin-right:10px;flex-grow:0;flex-shrink:0}.ds-notification-container .ds-notification .ds-notification__icon{display:flex;width:21px;height:21px;font-size:21px;margin-right:10px;align-items:center;justify-content:center;flex-shrink:0}.ds-notification-container .ds-notification .ds-notification__icon svg{flex-shrink:0;width:24px;height:24px;fill:currentColor}.ds-notification-container .ds-notification .ds-notification__icon--warning{color:#f97316}.ds-notification-container .ds-notification .ds-notification__icon--success{color:#22c55e}.ds-notification-container .ds-notification .ds-notification__icon--error{color:rgb(var(--ds-rgb-error))}.ds-dropdown-menu-option .ds-dropdown-menu-option__icon{--ds-dropdown-menu-option-icon-size:calc(var(--ds-font-size-m) + 4px);--ds-dropdown-menu-option-icon-margin:0 10px 0 0;--ds-dropdown-menu-option-icon-color:rgb(var(--ds-rgb-label-2));color:var(--ds-dropdown-menu-option-icon-color);margin:var(--ds-dropdown-menu-option-icon-margin);font-size:var(--ds-dropdown-menu-option-icon-size);width:var(--ds-dropdown-menu-option-icon-size);height:var(--ds-dropdown-menu-option-icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-dropdown-menu-option.ds-dropdown-menu-option--error .ds-dropdown-menu-option__icon{--ds-dropdown-menu-option-icon-color:rgb(var(--ds-rgb-error))}.ds-banner .ds-banner__close-wrapper{--ds-banner-close-icon-color:rgb(var(--ds-rgb-primary-foreground));display:flex;align-items:center;justify-content:center;width:21px;height:21px;cursor:pointer;color:var(--ds-banner-close-icon-color);transition:opacity .2s ease;flex-shrink:0}.ds-banner .ds-banner__close-wrapper:hover{opacity:.7}.ds-banner .ds-banner__close-wrapper svg{width:16px;height:16px;fill:currentColor}.ds-sign-up-form__icon{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-sign-up-form__icon>svg{width:100%;height:100%;fill:currentColor}.ds-forgot-password-form__icon{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-forgot-password-form__icon>svg{width:100%;height:100%;fill:currentColor}.ds-mobile-verification-form__icon{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-mobile-verification-form__icon>svg{width:100%;height:100%;fill:currentColor}.ds-modal-content__header-wrapper .ds-icon-button{--ds-icon-button-size:20px;margin-left:auto;flex-shrink:0}.ds-select .ds-select__arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:rgb(var(--ds-rgb-label-2));pointer-events:none;flex-shrink:0}.ds-select .ds-select__arrow svg{width:100%;height:100%;fill:currentColor;transition:transform .2s ease}.ds-select.ds-select--open .ds-select__arrow svg{transform:rotate(180deg)}.ds-native-select .ds-native-select__arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:rgb(var(--ds-rgb-label-2));pointer-events:none;flex-shrink:0}.ds-native-select .ds-native-select__arrow svg{width:100%;height:100%;fill:currentColor}@media not all and (min-width:640px){.ds-icon-button{--ds-icon-button-size:16px}.ds-toast .ds-toast__icon{--ds-toast-icon-size:18px}.ds-alert .ds-alert__icon{--icon-size:18px}}.ds-icon,.ds-icon-button{transition:all var(--ds-transition-duration) var(--ds-ease-in-out)}.ds-icon-button:hover,.ds-icon:hover{transform:scale(1.05)}.ds-icon-button:active{transform:scale(.95)}.ds-icon-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.ds-icon-button:disabled:hover{transform:none}.ds-icon--loading,.ds-icon-button--loading{animation:ds-icon-spin 1s linear infinite}@keyframes ds-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--ds-icon-primary:rgb(var(--ds-rgb-primary));--ds-icon-secondary:rgb(var(--ds-rgb-label-2));--ds-icon-success:rgb(var(--ds-rgb-success));--ds-icon-warning:rgb(var(--ds-rgb-warning));--ds-icon-error:rgb(var(--ds-rgb-error));--ds-icon-info:rgb(var(--ds-rgb-info));--ds-icon-disabled:rgb(var(--ds-rgb-label-3))}