@layer components{.mc-input-group{display:inline-flex;align-items:center;gap:calc(4px * var(--mc-scale, 2));max-width:100%;box-sizing:border-box}.mc-input-group-control{flex:1 1 auto;min-width:0}.mc-input-group-addon{display:flex;align-items:center;gap:calc(4px * var(--mc-scale, 2));cursor:text}.mc-input-group-addon[data-align=block-start],.mc-input-group-addon[data-align=inline-start]{order:-1}.mc-input-group-addon[data-align=block-end],.mc-input-group-addon[data-align=inline-end]{order:1}.mc-input-group-addon:is([data-align=block-start],[data-align=block-end]){width:100%}.mc-input-group:has(>.mc-input-group-addon:is([data-align=block-start],[data-align=block-end])){flex-direction:column;align-items:stretch}.mc-input-group-text{flex:none}.mc-otp,.mc-otp-group{display:flex;align-items:center;gap:4px}.mc-otp-slot{--mc-pixel:calc(1px * var(--mc-scale, 2));position:relative;box-sizing:border-box;width:calc(20 * var(--mc-pixel));height:calc(20 * var(--mc-pixel));flex:none}.mc-otp-slot>.mc-input{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.mc-otp [data-input-otp]{outline:none!important;box-shadow:none!important}}@layer components{.mc-otp [data-input-otp]::selection{background:transparent}}