.code-indicator{--indicator-width:1.5rem;align-items:center;aspect-ratio:1;border-radius:50%;border-style:solid;border-width:1px;cursor:pointer;display:flex;height:auto;justify-content:center;min-width:var(--indicator-width);width:var(--indicator-width);z-index:100}.code-indicator .el-icon,.code-indicator svg{height:calc(var(--indicator-width)*.75);min-width:calc(var(--indicator-width)*.75);width:calc(var(--indicator-width)*.75)}.code-indicator.success{border-color:var(--el-color-success)}.code-indicator.success svg{color:var(--el-color-success)}.code-indicator.error{background:var(--el-color-danger);border-color:var(--el-color-danger)}.code-indicator.error svg{color:#fff}.code-indicator.pending{border-color:var(--el-color-warning)}.code-indicator.pending svg{color:var(--el-color-warning)}.code-indicator.unknown{border-color:var(--el-color-info)}.code-indicator.unknown svg{color:var(--el-color-info)}.booking-room-info .code-status{align-items:center;display:flex;gap:.5rem}.booking-room-info .code-status .code-indicator{--indicator-width:1.25rem}