@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--border-color: #CDCDCD;--border-width: 1px;--border-radius: .25rem;--error-color: #DD4944;--mongo-disabled-color: #a1cab6;--mongo-spring-green: #00ED64;--mongo-forest-green: #00684A;--mongo-evergreen: #023430;--mongo-slate-blue: #001E2B}html,body{width:100%;height:100%;padding:0;margin:0}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}.container{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;align-items:stretch;max-width:1024px;margin:0 auto;padding:2rem}header{padding:2rem 0;text-align:center;color:#fff;background:var(--mongo-slate-blue)}h1{margin-top:.6em;margin-bottom:.3em}p{margin:0}a{color:var(--mongo-spring-green)}fieldset{display:grid;grid-template-rows:1fr 1fr;grid-gap:1rem;outline:none;border:none}h2,label{color:var(--mongo-slate-blue)}h2{margin-bottom:.6rem}textarea{width:100%;resize:none;border-style:solid;border-color:var(--border-color);border-width:var(--border-width);border-radius:var(--border-radius)}label,input{width:100%;outline:none;border-style:solid;border-color:var(--border-color);border-width:0 var(--border-width) var(--border-width) var(--border-width)}textarea,input{padding:.8rem 1rem;animation:1s ease-in-out highlight forwards;animation-play-state:paused}small{font-weight:300}label{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.7em;font-weight:500;text-transform:uppercase}label:first-of-type{border-top-width:var(--border-width)!important;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}input:first-of-type{background:#f5f5f5}input:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}input:nth-of-type(1){color:#e88664}input:nth-of-type(2){color:var(--mongo-forest-green)}input:nth-of-type(3){color:var(--mongo-forest-green)}button{height:fit-content;font-size:1em;font-weight:500;text-transform:uppercase;background:var(--mongo-forest-green);cursor:pointer;pointer-events:auto;transition:background ease .15s,box-shadow ease .3s}button:focus,button:active{box-shadow:0 0 0 .25rem var(--mongo-spring-green)}button:active{background:var(--mongo-evergreen)}button:disabled{background:var(--mongo-disabled-color);cursor:not-allowed;pointer-events:none}button,.valid-object-id,.error-log{padding:.8rem 1rem;border-color:transparent;border-width:var(--border-width);border-radius:var(--border-radius)}button,.error-log{color:#fff}.valid-object-id,.error-log{display:none;animation:.3s ease-out slidein forwards}.valid-object-id{width:fit-content;height:fit-content;color:var(--mongo-slate-blue);background:var(--mongo-spring-green)}.error-log{width:100%;height:fit-content;white-space:pre;background:var(--error-color)}.hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}footer{position:fixed;display:flex;align-items:center;justify-content:flex-end;bottom:0;width:100%;padding:.8rem 1rem;gap:.5rem;text-align:right;color:#fff;background:#000}@keyframes slidein{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes highlight{0%{background:auto}20%,40%{background:#dfb}to{background:auto}}@media (max-width: 767px){body{font-size:18px}.container{display:flex;flex-direction:column;max-width:unset;padding:.5rem}fieldset{display:flex;flex-direction:column}textarea{height:4em}footer{justify-content:center}}