.carousel-button{.carousel-button-icon{display:flex;align-items:center;height:1.125rem}.carousel-button-text{display:inline-block}&.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;&.border--primary{border:1px solid var(--color-primary-300);background-image:none;background-color:var(--color-primary)}}&.text-color--primary{color:var(--color-primary-200)}&.text-color--secondary,&.text-color--secondary-text{color:var(--color-primary)}&.border--primary{position:relative;border:1px double transparent;background-image:linear-gradient(var(--color-primary) 0 0),linear-gradient(135deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4));background-origin:border-box;background-clip:padding-box,border-box;&:hover{background-color:var(--color-primary-700);box-shadow:1px 2px 4px -1px #ccc}}&.border--secondary{border:1px solid var(--color-primary-300);&:hover{background-color:var(--color-primary-300);box-shadow:1px 2px 4px -1px #ccc}}&.bg--primary{background-color:var(--color-primary)}&.bg--secondary{border:1px solid var(--color-primary-300);background-color:#fff}&.bg--secondary-text{background:transparent}&.rounded--xs{border-radius:10px}&.rounded--s{border-radius:12px}&.rounded--m{border-radius:14px}&.size--xs{padding:.313rem .75rem!important;font-size:.815rem;line-height:1rem}&.size--s{padding:.69rem 1.125rem!important;font-size:1rem;line-height:1.125rem}&.size--m{padding:.875rem 1.875rem!important;font-size:1.129rem;line-height:1.5rem}}.carousel-phone-input-group{&.error{border:1px solid var(--color-error)}&.disabled{background:var(--color-disabled);border-color:var(--color-primary-300)}&:focus-within{border:1px double transparent;background-image:linear-gradient(#fff 0 0),linear-gradient(135deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4));background-origin:border-box;background-clip:padding-box,border-box;&.error{border:1px solid var(--color-error);background:#fff;&:after{display:none}}>*{position:relative;z-index:2}&:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:#fff;border-radius:6px;z-index:1}}}.carousel-input-template--main{display:flex;width:100%;flex-direction:column;gap:.125rem;& .carousel-input-content{display:flex;align-items:center;justify-content:flex-start;gap:.125rem}}.carousel-input-group{background-color:#fff;&.error{border-color:var(--border-error-subtle)}&.disabled{background:var(--background-disabled-subtle);border-color:var(--border-disabled)}&:focus-within{border:1px solid transparent;background-image:linear-gradient(#fff 0 0),linear-gradient(135deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4));background-origin:border-box;background-clip:padding-box,border-box;&.error{background:var(--background-color-primary);border-color:var(--border-error-primary);&:after{display:none}}>*{position:relative;z-index:2}&:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:var(--background-color-primary);border-radius:6px;z-index:1}}input{border:none!important;border-radius:0!important}input,textarea{outline:none!important;background:transparent!important;box-shadow:none!important}textarea{border-color:transparent!important}}.carousel-otp{&.rainbow{border:1px solid transparent;background-image:linear-gradient(#fff 0 0),linear-gradient(135deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4));background-origin:border-box;background-clip:padding-box,border-box}&.border-default{border:1px solid var(--color-primary-300)}&.error{border:1px solid var(--color-error)}}.carousel-otp-glow-card{& .block{position:relative;background-color:#fff}& .shadow{position:relative;&:after,&:before{content:"";border-radius:20px;position:absolute;width:calc(100%);height:calc(100%);background:linear-gradient(100deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4));background-size:300%;z-index:-1;animation:shadow 20s linear infinite}&:after{top:-2px;left:-2px;width:calc(100% + 2px);height:calc(100% + 2px);filter:blur(20px);opacity:.6}}}