.my-card{display:flex;flex-direction:column;gap:24px;box-shadow:4px 4px #000;border:2px solid oklch(0% 0 0);background-color:#dcebfe;padding:24px 12px;color:#000}.my-input{display:inline-flex;border:2px solid oklch(0% 0 0);border-radius:5px;background-color:#fff;padding:8px 12px;width:200px;height:40px;color:#000;font-weight:500;font-size:14px}.my-input::-moz-selection{background-color:#5294ff;color:#000}.my-input::selection{background-color:#5294ff;color:#000}.my-input:disabled{opacity:.5;cursor:not-allowed}.my-btn{display:flex;justify-content:center;align-items:center;gap:8px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:4px 4px #000;border:2px solid oklch(0% 0 0);border-radius:5px;background-color:#5294ff;padding:8px 16px;height:40px;color:#000;font-weight:500;font-size:14px;white-space:nowrap}.my-btn:hover{transform:translate(4px,4px);box-shadow:none}.my-btn.my-btn--no-shadow{box-shadow:none}.my-btn.my-btn--no-shadow:hover{transform:none;box-shadow:none}.my-btn:disabled{opacity:.5;pointer-events:none}.my-btn svg{flex-shrink:0;width:16px;height:16px;pointer-events:none}.my-form-item{display:grid;gap:4px}.my-code{display:block;border:2px solid oklch(0% 0 0);background-color:#000;padding:4px;overflow:auto;color:#fff;font-size:14px;white-space:pre}@keyframes my-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-spinner{display:inline-block;width:32px;height:32px;vertical-align:text-bottom;border:3px solid black;border-right-color:transparent;border-radius:50%;animation:my-spin .75s linear infinite}