/* React Bits CodeSlots visual adaptation; see vendor/react-bits-LICENSE.txt. */
.sidgo-code-slots{--cs-accent:#FF8A3D;--cs-ink:#20242b;--cs-slot:#eef0f3;position:relative;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(100%,304px);max-width:304px;min-width:0;isolation:isolate;touch-action:manipulation}
.sidgo-code-slots .sidgo-code-slots__input{position:absolute!important;inset:0!important;z-index:4;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;opacity:0!important;font-size:16px!important;caret-color:transparent;color:transparent!important;box-shadow:none!important;cursor:text}
.sidgo-code-slots__slot{position:relative;height:49px;border:1px solid #e3e6ea;border-radius:10px;background:var(--cs-slot);overflow:hidden;user-select:none;transition:background .2s,border-color .2s}
.sidgo-code-slots__fill{position:absolute;inset:0;border-radius:inherit;background:var(--cs-accent);opacity:0;transition:opacity .15s}
.sidgo-code-slots__slot[data-filled] .sidgo-code-slots__fill{opacity:1}
.sidgo-code-slots__digit{position:absolute;inset:0;display:grid;place-items:center;font:750 23px/1 SUIT,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--cs-ink);z-index:2}
.sidgo-code-slots__slot[data-active]{border-color:#d45000;box-shadow:0 0 0 2px #FF8A3D20}
.sidgo-code-slots__slot[data-active]:not([data-filled])::after{content:'';position:absolute;left:50%;top:28%;height:44%;width:2px;background:#b84700;animation:sidgo-slot-caret 1s steps(2,end) infinite}
.sidgo-code-slots__wash{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:var(--cs-accent);color:var(--cs-ink);clip-path:inset(0 50% round 10px);opacity:0;pointer-events:none;transition:clip-path .3s cubic-bezier(.23,1,.32,1),opacity .15s}
.sidgo-code-slots__wash svg{width:27px;height:27px;transform:translateY(8px) scale(.85);opacity:0;transition:transform .35s .25s,opacity .2s .25s}
.sidgo-code-slots__wash b{font-size:13px;font-weight:750;opacity:0;transition:opacity .2s .28s}
.sidgo-code-slots[data-status=success] .sidgo-code-slots__wash{opacity:1;clip-path:inset(0 0 round 10px)}
.sidgo-code-slots[data-status=success] .sidgo-code-slots__wash :is(svg,b){opacity:1;transform:none}
.sidgo-code-slots[data-status=error] .sidgo-code-slots__slot{border-color:#d74a38;background:#fff0ed}
.sidgo-code-slots[data-status=error] .sidgo-code-slots__fill{background:#f3735e}
.sidgo-code-slots[data-disabled]:not([data-status=success]){opacity:.55}
.phone-verification .phone-verification__code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;align-items:center}
.phone-verification .sidgo-code-slots{grid-column:1/-1;justify-self:center}
.phone-verification [data-phone-timer]{grid-row:2;font-weight:650}
.phone-verification [data-phone-confirm]{grid-row:2;justify-self:end;min-height:35px}
.phone-verification.is-verified .phone-verification__code [data-phone-confirm],.phone-verification.is-verified .phone-verification__code [data-phone-timer]{display:none}
.phone-verification.is-verified{background:#fffbf7;border-color:#f4c8a7}
.phone-verification.is-verified :is(p,button){color:#93400e}
#p11-chat-contact [data-code-area]>label{display:flex;flex-direction:column;gap:9px;min-width:0}
#p11-chat-contact [data-code-area] .sidgo-code-slots{width:min(100%,304px);align-self:center;margin:3px 0 8px}
@keyframes sidgo-slot-caret{50%{opacity:0}}
@media(max-width:360px){.sidgo-code-slots{gap:4px}.sidgo-code-slots__slot{height:44px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.sidgo-code-slots *{animation:none!important;transition:none!important}}