.form {
    margin-bottom: 1rem;
}

.invert-label::before,
.external-jump::after,
.paste-label::before,
.scan-label::before,
.camera-loading-indicator::before,
.toggle-light-label::before,
.info-loading-indicator::before,
ul.contributors-list li::before,
.copy-label::before,
.append-embed-label::before,
.install-label::before {
    background-color: currentColor;
    display: inline-block;
    content: '';
    width: 1.75em;
    height: 1.75em;
    margin-right: 0.5rem;
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    vertical-align: middle;
}

.invert-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-120q-133 0-226.5-92.5T160-436q0-66 25-122t69-100l184-181q9-8 20-12.5t22-4.5q11 0 22 4.5t20 12.5l184 181q44 44 69 100t25 122q0 131-93.5 223.5T480-120Zm0-80v-568L310-600q-35 33-52.5 74.5T240-436q0 97 70 166.5T480-200Z" /></svg>');
}

a.external-jump::after {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h240q17 0 28.5 11.5T480-800q0 17-11.5 28.5T440-760H200v560h560v-240q0-17 11.5-28.5T800-480q17 0 28.5 11.5T840-440v240q0 33-23.5 56.5T760-120H200Zm560-584L416-360q-11 11-28 11t-28-11q-11-11-11-28t11-28l344-344H600q-17 0-28.5-11.5T560-800q0-17 11.5-28.5T600-840h200q17 0 28.5 11.5T840-800v200q0 17-11.5 28.5T800-560q-17 0-28.5-11.5T760-600v-104Z" /></svg>');
    width: 1em;
    height: 1em;
    vertical-align: top;
    margin-left: 0.125em;
    margin-right: 0.125em;
}

.paste-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560h-80v80q0 17-11.5 28.5T640-640H320q-17 0-28.5-11.5T280-680v-80h-80v560Zm280-560q17 0 28.5-11.5T520-800q0-17-11.5-28.5T480-840q-17 0-28.5 11.5T440-800q0 17 11.5 28.5T480-760Z"/></svg>');
}

.scan-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M240-160q0 17-11.5 28.5T200-120H80q-17 0-28.5-11.5T40-160v-120q0-17 11.5-28.5T80-320q17 0 28.5 11.5T120-280v80h80q17 0 28.5 11.5T240-160Zm640-160q17 0 28.5 11.5T920-280v120q0 17-11.5 28.5T880-120H760q-17 0-28.5-11.5T720-160q0-17 11.5-28.5T760-200h80v-80q0-17 11.5-28.5T880-320Zm-700 80q-8 0-14-6t-6-14v-440q0-8 6-14t14-6h40q8 0 14 6t6 14v440q0 8-6 14t-14 6h-40Zm120 0q-8 0-14-6t-6-14v-440q0-8 6-14t14-6q8 0 14 6t6 14v440q0 8-6 14t-14 6Zm120 0q-8 0-14-6t-6-14v-440q0-8 6-14t14-6h40q8 0 14 6t6 14v440q0 8-6 14t-14 6h-40Zm120 0q-8 0-14-6t-6-14v-440q0-8 6-14t14-6h80q8 0 14 6t6 14v440q0 8-6 14t-14 6h-80Zm160 0q-8 0-14-6t-6-14v-440q0-8 6-14t14-6q8 0 14 6t6 14v440q0 8-6 14t-14 6Zm80 0q-8 0-14-6t-6-14v-440q0-8 6-14t14-6q8 0 14 6t6 14v440q0 8-6 14t-14 6ZM240-800q0 17-11.5 28.5T200-760h-80v80q0 17-11.5 28.5T80-640q-17 0-28.5-11.5T40-680v-120q0-17 11.5-28.5T80-840h120q17 0 28.5 11.5T240-800Zm480 0q0-17 11.5-28.5T760-840h120q17 0 28.5 11.5T920-800v120q0 17-11.5 28.5T880-640q-17 0-28.5-11.5T840-680v-80h-80q-17 0-28.5-11.5T720-800Z"/></svg>');
}

.camera-loading-indicator::before {
    display: block;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-260q75 0 127.5-52.5T660-440q0-75-52.5-127.5T480-620q-75 0-127.5 52.5T300-440q0 75 52.5 127.5T480-260Zm0-80q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM160-120q-33 0-56.5-23.5T80-200v-480q0-33 23.5-56.5T160-760h126l50-54q11-12 26.5-19t32.5-7h170q17 0 32.5 7t26.5 19l50 54h126q33 0 56.5 23.5T880-680v480q0 33-23.5 56.5T800-120H160Zm0-80h640v-480H638l-73-80H395l-73 80H160v480Zm320-240Z"/></svg>');
    width: 4em;
    height: 4em;
    background-color: var(--main-variant-color);
    margin: 0 auto;
    padding: 0;
    animation: loading-spin 2s ease-in infinite;
}

.toggle-light-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M320-160v-360l-67-100q-7-10-10-21t-3-23v-136q0-33 23.5-56.5T320-880h320q33 0 56.5 23.5T720-800v136q0 12-3 23t-10 21l-67 100v360q0 33-23.5 56.5T560-80H400q-33 0-56.5-23.5T320-160Zm160-180q-25 0-42.5-17.5T420-400q0-25 17.5-42.5T480-460q25 0 42.5 17.5T540-400q0 25-17.5 42.5T480-340ZM320-760h320v-40H320v40Zm320 80H320v16l80 120v384h160v-384l80-120v-16ZM480-480Z"/></svg>');
}

.info-loading-indicator::before {
    display: block;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M560-564v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-600q-38 0-73 9.5T560-564Zm0 220v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-380q-38 0-73 9t-67 27Zm0-110v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-490q-38 0-73 9.5T560-454ZM260-320q47 0 91.5 10.5T440-278v-394q-41-24-87-36t-93-12q-36 0-71.5 7T120-692v396q35-12 69.5-18t70.5-6Zm260 42q44-21 88.5-31.5T700-320q36 0 70.5 6t69.5 18v-396q-33-14-68.5-21t-71.5-7q-47 0-93 12t-87 36v394Zm-40 118q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740q51-30 106.5-45T700-800q52 0 102 12t96 36q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59ZM280-494Z"/></svg>');
    width: 4em;
    height: 4em;
    background-color: var(--main-variant-color);
    margin: 0 auto;
    animation: loading-spin 2s ease-in infinite;
}

:not([open]) > .scan-help-summary::before,
.embedding-help:not([open]) summary::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
}

ul.contributors-list li::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z"/></svg>');
    color: var(--main-variant-color);

    width: 1.25em;
    height: 1.25em;
}

.copy-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>');
}

.quick-embed-panel:not([open]) summary::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"/></svg>');
}

.append-embed-label::before {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"/></svg>');
}

.summary-buttonlike {
    display: inline-block;
    border: 1px solid var(--primary-outline-color);
    margin: 0.5rem;
    padding: 0.5rem 1rem;
}

.form-card {
    display: block;
}

.isbn-input {
    max-width: 16em;
    width: 100%;
    display: block;
}

.scan-camera {
    display: none;
}

.camera-view-container {
    max-width: 90%;
    max-height: 90%;
}

.camera-view video {
    border-radius: 8px;
    max-width: 90%;
    max-height: 90%;
}

.camera-view canvas {
    display: none;
}

@keyframes loading-spin {
    20% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(720deg);
    }
}

.camera-loading-indicator {
    text-align: center;
}

.camera-loading-note {
    color: var(--main-variant-color);
    font-size: 0.85em;
}

.error-card {
    background-color: #aa222244;
}

.camera-privacy-note {
    color: var(--main-variant-color);
    font-size: 0.85em;
}

button[aria-disabled='true'] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

.information-title {
    margin-top: 1rem;
    color: var(--main-variant-color);
    font-size: 1.5rem;
}

.book-information .info-loading-indicator {
    text-align: center;
    color: var(--main-variant-color);
    display: none;
}

.book-information-list-container {
    margin: 0.75rem;
}

.book-information-list-container dt {
    padding: 0;
    margin: 0;
    margin-inline-start: 0;
    font-size: 1.2em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--main-variant-color);
    color: var(--main-variant-color);
}

.book-information-list-container dd {
    padding: 0;
    margin: 0;
    margin-inline-start: 0;
}

.book-information-list-container dt,
.book-information-list-container dd {
    display: block;
    font-weight: normal;
}

.book-information-list-container button.inline {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1em;
    padding: 0.25rem 0.5rem;
}

.book-information-list-container button:not(.inline) {
    display: block;
    padding: 0.25rem 0.5rem;
}

.book-information-list-container div.card {
    margin: 0.25rem;
}

.book-information-list-container div.card ul {
    padding-left: 0;
}

.book-information-list-container div.card ul li {
    list-style-type: none;
}

.infocard-copy-button {
    margin-left: 0;
}

div.card.isbn-barcode-card {
    display: block;
    margin-top: 1rem;
    padding: 0.25rem;
}

.isbn-barcode {
    border-radius: unset;
    transition: background-color 0.6s ease-in;
}

.info-note {
    color: var(--main-variant-color);
    font-size: 0.85em;
}

.info-h3 {
    margin-top: 0.5rem;
    color: var(--main-variant-color);
    font-size: 1.25rem;
}

.information-links-description {
    color: var(--main-variant-color);
    font-size: 0.85em;
}

/* .card.copy-card {
    display: block;
    max-width: 40rem;
} */

.copy-card button {
    vertical-align: top;
}

.copy-card textarea {
    min-height: 8em;
    width: 100%;
    resize: vertical;
}

#copyPreview p {
    margin-top: 0;
    margin-bottom: 0;
}

#copyPreviewArea {
    margin: 0;
}

.quick-embed-panel div.card {
    margin-left: 2rem;
}

.quick-embed-panel input,
.quick-embed-panel select,
.quick-embed-panel button {
    display: block;
    margin: 0.5rem 0 0.5rem 0;
}

.quick-embed-panel .form-group input,
.quick-embed-panel .form-group select,
.quick-embed-panel .form-group button {
    display: inline-block;
}

.quick-embed-panel .append-embed-button {
    margin-top: 2rem;
}

footer {
    margin-top: 4rem;
    margin-bottom: 1rem;
}

.footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.75rem;
    color: var(--main-variant-color);
}

.card.share-card {
    padding: 0.25rem;
}

:root {
    --bsky-color: #0a7aff;
    --bsky-foreground: #fff;
    --bsky-icon-bottom: #75b5ff;
}

.share-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.share-list li {
    display: inline-block;
}

.share-button {
    padding: 0;
    margin: 0.5rem 0.25rem;
    border-radius: 1.375rem;
    box-sizing: border-box;
    fill: currentColor;
}

.share-icon {
    display: inline-block;
    margin: 0;
    padding: 0.5rem 0 0.5rem 0.5rem;
    box-sizing: border-box;
    border-radius: inherit;
}

.share-label {
    display: inline-block;
    height: 100%;
    padding: 0rem 0.5rem 0rem 0;
    vertical-align: middle;
}

.share-button svg {
    margin: 0;
    height: 1.75rem;
    width: 1.75rem;
    display: inline-block;
    vertical-align: middle;
}

.bsky-share-button {
    background: linear-gradient(var(--bsky-color), var(--bsky-icon-bottom));
    color: var(--bsky-foreground);
}

.bsky-share-button svg {
    fill: currentColor;
}

.x-share-button {
    background-color: #000;
    color: #fff;
}

@media (prefers-color-scheme: dark) {
    .x-share-button {
        background-color: #fff;
        color: #000;
    }
}

.x-share-button svg {
    fill: currentColor;
}

@media (max-width: 600px) {
    .install-label::before {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M280-40q-33 0-56.5-23.5T200-120v-720q0-33 23.5-56.5T280-920h400q33 0 56.5 23.5T760-840v124q18 7 29 22t11 34v80q0 19-11 34t-29 22v404q0 33-23.5 56.5T680-40H280Zm0-80h400v-720H280v720Zm0 0v-720 720Zm200-200 160-160-56-56-64 62v-166h-80v166l-64-62-56 56 160 160Z"/></svg>');
    }
}

@media (min-width: 601px) {
    .install-label::before {
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M320-120v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h320v80H160v480h640v-120h80v120q0 33-23.5 56.5T800-200H640v80H320Zm360-280L480-600l56-56 104 103v-287h80v287l104-103 56 56-200 200Z"/></svg>');
    }
}

@media all and (display-mode: standalone) {
    .hide-if-pwa {
        display: none !important;
    }
}

.visually-hidden {
    position: fixed;
    opacity: 0;
    width: 4px;
    height: 4px;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.hidden {
    display: none;
}