@layer components{.quick-add-dialog{width:min(26rem, calc(100vw - 2 * var(--page-margin)));background-color:var(--color-background);max-height:85dvh;color:var(--color-foreground);opacity:0;transition:opacity var(--transition-base), translate var(--transition-base), display var(--transition-base) allow-discrete, overlay var(--transition-base) allow-discrete;border:none;margin:auto;padding:0;position:fixed;inset:0}.quick-add-dialog[open]{opacity:1}@starting-style{.quick-add-dialog[open]{opacity:0}}.quick-add-dialog::backdrop{opacity:0;transition:opacity var(--transition-base), display var(--transition-base) allow-discrete, overlay var(--transition-base) allow-discrete;background-color:#00000073}.quick-add-dialog[open]::backdrop{opacity:1}@starting-style{.quick-add-dialog[open]::backdrop{opacity:0}}.quick-add-dialog__close{z-index:1;padding:var(--space-2xs);color:currentColor;cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.quick-add-dialog__close svg{width:.875rem}.quick-add-dialog__content{max-height:inherit;padding:var(--space-lg);overflow-y:auto}.quick-add-dialog[data-loading] .quick-add-dialog__content{display:none}.quick-add-dialog__skeleton{gap:var(--space-md);padding:var(--space-lg);--skeleton-tone:color-mix(in oklch, var(--color-foreground) 8%, var(--color-background));animation:1.4s ease-in-out infinite quick-add-pulse;display:none}.quick-add-dialog[data-loading] .quick-add-dialog__skeleton{display:grid}@keyframes quick-add-pulse{50%{opacity:.55}}.quick-add-skeleton__intro{align-items:center;gap:var(--space-md);padding-inline-end:var(--space-lg);display:flex}.quick-add-skeleton__thumb{aspect-ratio:1;background-color:var(--skeleton-tone);border-radius:var(--style-border-radius-cards,0);flex:none;width:4.5rem}.quick-add-skeleton__lines{gap:var(--space-xs);flex:1;display:grid}.quick-add-skeleton__bar{background-color:var(--skeleton-tone);height:.875rem}.quick-add-skeleton__group{gap:var(--space-2xs);justify-items:start;display:grid}.quick-add-skeleton__pills{gap:var(--space-xs);display:flex}.quick-add-skeleton__pills>span{background-color:var(--skeleton-tone);border-radius:var(--style-border-radius-buttons,0);width:3.25rem;height:2.25rem}.quick-add-skeleton__button{background-color:var(--skeleton-tone);border-radius:var(--style-border-radius-buttons,0);height:3rem}.quick-add{gap:var(--space-md);display:grid}.quick-add__options:not(:has(fieldset:not([hidden]))){display:none}.quick-add__intro{align-items:center;gap:var(--space-md);padding-inline-end:var(--space-lg);display:flex}.quick-add__media img{aspect-ratio:1;object-fit:cover;border-radius:var(--style-border-radius-cards,0);width:4.5rem}.quick-add__title{font-weight:500;text-decoration:none}.quick-add__title:hover{text-decoration:underline}.quick-add__submit{justify-content:space-between;width:100%}@media (width<=47.9375rem){.quick-add-dialog{opacity:1;width:100vw;max-width:100vw;transition:translate var(--duration-drawer) var(--ease-swift), display var(--duration-drawer) var(--ease-swift) allow-discrete, overlay var(--duration-drawer) var(--ease-swift) allow-discrete;margin:auto 0 0;translate:0 100%}.quick-add-dialog[open]{translate:0}@starting-style{.quick-add-dialog[open]{translate:0 100%}}}}