button[data-share-button],dialog.preem input{--tw-ring-color:var(--ember-brand)}:is(button[data-share-button],dialog.preem input):focus-visible,:is(button[data-share-button],dialog.preem input):focus{outsilen-offset:2px;border-color:#0000;outline:2px solid #0000}:is(button[data-share-button],dialog.preem input):focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}dialog.preem .error{background:#fee;border:2px solid #622;border-radius:.25rem;padding:.25rem}button[data-share-button]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.25rem .5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.preem__tip{--tw-bg-opacity:1;background:#fff;background:rgb(240 249 255/var(--tw-bg-opacity));color:#323c64;border-radius:.25rem;padding:1rem;position:relative}.preem__tip .preem__tip__bulb{text-shadow:1px 2px 1px #0003;font-size:1.5rem;position:absolute;top:1rem;left:1rem}.preem__tip .preem__tip__text{padding-left:2rem;padding-right:1.5rem}dialog.preem{width:100dvw;animation:var(--animation-slide-in-up),var(--animation-fade-in);animation-timing-function:var(--ease-out-5);background:0 0;justify-content:center;animation-duration:.2s;display:flex;overflow:hidden}dialog.preem:focus-visible,dialog.preem:focus{outline:none}dialog.preem:focus-visible .modal-facade,dialog.preem:focus .modal-facade{outsilen-offset:2px;border-color:#0000;outline:2px solid #0000}dialog.preem:focus .modal-facade{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}dialog.preem>.modal-facade{background:#fff;border-radius:.25rem;width:max-content}dialog.preem::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}dialog.preem header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem;display:flex}dialog.preem h2{margin:0!important}dialog.preem main{gap:1rem;max-width:500px;padding:2rem 2rem 1rem;display:grid}dialog.preem main .field{gap:.5rem;display:grid}dialog.preem main .field input{width:100%}dialog.preem main .field .field-input{gap:.5rem;display:flex}dialog.preem main input{color:#444;border:1px solid #333;border-radius:.25rem;padding:.25rem .5rem}dialog.preem .inline-mini-form{grid-template-columns:1fr min-content;grid-auto-flow:column;align-items:end;display:grid}dialog.preem .inline-mini-form [type=submit]{margin-left:.5rem}:is(dialog.preem footer,dialog.preem form) button{color:#fff;background:var(--code-bg);border:1px solid var(--horizon-border);border-radius:.25rem;padding:.25rem .5rem}:is(dialog.preem footer,dialog.preem form) button.cancel{color:#000;background:#eee;border-color:#aaa}:is(dialog.preem footer,dialog.preem form) button:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}:is(dialog.preem footer,dialog.preem form) button:focus-visible{outline-offset:2px;outline:2px solid #0000}:is(dialog.preem footer,dialog.preem form) button:hover{opacity:.9}dialog.preem footer{padding:1rem 2rem}dialog.preem footer .right{justify-content:end;display:grid}dialog.preem footer .buttons{gap:1rem;display:flex}
