@import url(https://fonts.googleapis.com/css2?family=Cascadia+Code:wght@300&display=swap);.cssf-flex-row{display:flex;flex-direction:column;gap:24px}.cssf-flex-col{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.under-row-flex{display:flex;width:100%;margin-bottom:12px;gap:8px;align-items:stretch;flex-wrap:wrap}.url-input-wrapper{position:relative;flex:1 0 40%;display:flex;align-items:center}.url-input{height:42px;padding:7px 40px;width:100%;border-radius:8px;border:1px solid #e3e4ea;font-size:1rem;background:#fff;color:#8887a5;outline:none;box-sizing:border-box;display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' width='16' height='16'%3E%3Cpath d='M580.3 267.2c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4c-10 8.7-11 23.9-2.3 33.9s23.9 11 33.9 2.3l6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4c8.7-10 7.7-25.1-2.3-33.9s-25.1-7.7-33.9 2.3l-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2zM59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4c10-8.7 11-23.9 2.3-33.9s-23.9-11-33.9-2.3l-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1c-8.7 10-7.7 25.1 2.3 33.9s25.1 7.7 33.9-2.3l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8z' fill='%238887a5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px 50%;background-size:20px 20px;transition:border .2s,background .2s,color .2s,background-image .2s}.url-input.input-error{border:1.5px solid #f44336!important;background-color:#fff0f0!important;color:#f44336!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' width='16' height='16'%3E%3Cpath d='M580.3 267.2c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4c-10 8.7-11 23.9-2.3 33.9s23.9 11 33.9 2.3l6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4c8.7-10 7.7-25.1-2.3-33.9s-25.1-7.7-33.9 2.3l-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2zM59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4c10-8.7 11-23.9 2.3-33.9s-23.9-11-33.9-2.3l-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1c-8.7 10-7.7 25.1 2.3 33.9s25.1 7.7 33.9-2.3l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8z' fill='%23f44336'/%3E%3C/svg%3E")}.input-spinner{position:absolute;right:20px;top:50%;width:16px;height:16px;transform:translateY(-50%);display:none;z-index:2;pointer-events:none}.url-input-wrapper.loading .input-spinner{display:inline-block}.input-spinner:after{content:"";box-sizing:border-box;display:block;width:16px;height:16px;border:2.5px solid #8887a5;border-radius:50%;border-top-color:transparent;animation:input-spin .7s linear infinite}.url-input-wrapper.error .input-spinner:after{border-color:#f44336;border-top-color:transparent}@keyframes input-spin{to{transform:rotate(360deg)}}.random-btn-col{flex:1 0 0%;display:flex;align-items:center}.divider-col{flex:1 0 0%;display:flex;margin:0 10px;background:#ececf0;border-radius:2px;min-width:2px;max-width:2px;width:2px;align-self:stretch;align-items:center}.reset-btn-col{flex:1 0 0%;display:flex;align-items:center}.btn-icon{border:1.5px solid #bfc6d7!important;background:#f4f6fa!important;color:#000!important;border-radius:8px!important;font-weight:700!important;padding:10px 0!important;font-size:1rem!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:0;width:100%;box-sizing:border-box;height:42px;transition:background .16s,color .16s,border-color .16s}.btn-icon:hover{background:#111!important;color:#fff!important;border:1.5px solid #111!important}.btn-icon:focus{outline:none;box-shadow:none}.cssf-flex-col textarea{border-radius:16px;border:1px solid #e3e4ea;padding:20px;font-family:'Cascadia Code','Fira Mono','Consolas',monospace;font-weight:300;font-size:.8rem;color:#2d3748;background:#fff;margin:0 0 15px;width:100%;box-sizing:border-box;min-height:340px;max-height:600px;resize:none;outline:none;height:340px;background:#fafafa}.code-pre-wrapper{display:flex;flex-direction:row;align-items:stretch;border-radius:16px;border:1px solid #e3e4ea;background:#fff;margin:0 0 15px;width:100%;min-height:340px;max-height:600px;height:340px;overflow:hidden;position:relative;background:#fafafa}.code-pre{font-family:'Cascadia Code','Fira Mono','Consolas',monospace;font-weight:300;font-size:.8rem;color:#2d3748;background:0 0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow:auto;margin:0;padding:20px 0 20px 55px;border:none;outline:none;width:100%;min-height:340px;max-height:600px;height:340px;box-sizing:border-box;line-height:1.7;max-inline-size:none}.code-pre i{color:gray;font-style:normal}.line-number{color:#b7b7be;display:inline-block;width:40px;margin:0 10px 0 -50px;text-align:right;user-select:none;font-family:inherit;pointer-events:none}.actions-right{display:flex;gap:16px;margin-bottom:0;margin-top:0;width:100%}.btn{border:1.5px solid #bfc6d7!important;background:#f4f6fa!important;color:#000!important;font-weight:700!important;border-radius:8px!important;padding:10px 0!important;font-size:1rem!important;cursor:pointer;flex:1 0 0%;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:background .16s,color .16s,border-color .16s}.btn .fa-regular,.btn .fa{margin-right:8px}.btn:hover{background:#111!important;color:#fff!important;border:1.5px solid #111!important}.btn:focus{outline:none;box-shadow:none}.btn.success,.btn.success:hover,.btn.success:focus{background:#35ed97!important;color:#fff!important;border:1.5px solid #35ed97!important;cursor:default;outline:none;box-shadow:none}@media (max-width:900px){.cssf-flex-row{flex-direction:column}.actions-right,.under-row-flex{gap:8px;display:flex;flex-wrap:wrap}textarea,.code-pre-wrapper{min-height:180px;max-height:320px;height:180px}.divider-col{width:2px;min-width:2px;max-width:2px;height:42px;min-height:42px;margin:0 10px}.random-btn-col,.reset-btn-col{display:none!important}.divider-col:nth-of-type(3),.divider-col:nth-of-type(5){display:none!important}.code-pre{min-height:180px;max-height:320px;height:180px}}