.cdn-code-box{width:min(100%,420px);margin:20px 0;box-sizing:border-box;color:inherit;line-height:1.5}
.cdn-code-box .code-box-row{display:flex;align-items:center;min-height:58px;border:1px solid #95805c;border-radius:3px;overflow:hidden;box-sizing:border-box;background:transparent;gap:0}
.cdn-code-box button,.cdn-code-box input{font:inherit;color:inherit;letter-spacing:inherit;background:transparent;border:0;border-radius:0;min-height:56px;box-shadow:none;margin:0;padding:12px 16px;box-sizing:border-box}
.cdn-code-box .code-box-toggle{width:100%;cursor:pointer;text-align:start}.cdn-code-box input{width:100%;min-width:0;text-align:start;outline:0}.cdn-code-box input::placeholder{color:inherit;opacity:.8}.cdn-code-box .code-box-copy{flex:none;cursor:pointer;border-inline-start:1px solid currentColor}.cdn-code-box .code-box-value{flex:1;min-width:0;padding:12px 16px;overflow-wrap:anywhere;user-select:all}.cdn-code-box .code-box-status{display:block;min-height:3em;padding-top:7px;font-size:12px;letter-spacing:normal;line-height:1.5}.cdn-code-box [hidden]{display:none!important}
.cdn-code-box[data-state=invalid] .code-box-row{border:2px solid #b53638}.cdn-code-box[data-state=valid] .code-box-row{border:2px solid #08754e}.cdn-code-box:focus-within .code-box-row{outline:2px solid #bda97a;outline-offset:3px}.cdn-code-box[data-state=checking] .code-box-row{opacity:.8}
[data-theme=dark] .cdn-code-box[data-state=valid] .code-box-row{border-color:#43c991}[data-theme=dark] .cdn-code-box[data-state=invalid] .code-box-row{border-color:#ff8585}
@media(max-width:767px){.cdn-code-box{width:100%}.cdn-code-box .code-box-row{min-height:52px}.cdn-code-box button,.cdn-code-box input{min-height:50px;font-size:16px}}