decks-raw.js

const css = "/* @drop-in/decks Specific Styles */\n\n/* Accordion */\n.di-accordion {\n    margin-block: 0 var(--vs-base);\n    summary {\n        font-size: var(--base);\n        padding: 2rem 1rem;\n        border-block-end: var(--border-05);\n    }\n    border-block-end: var(--border-05);\n}\n\n/* Share */\n.di-dialog {\n    border-radius: var(--br-m);\n    max-width: 60ch;\n    border: none;\n    padding: var(--pad-m);\n    position: relative;\n    box-shadow: var(--shadow-5);\n    &::backdrop {\n        background-color: rgb(0 0 0 / 0.5);\n        backdrop-filter: blur(5px);\n    }\n    > *:first-child {\n        margin-block-start: 0;\n    }\n    .share-window {\n        display: flex;\n        align-items: center;\n    }\n    a {\n        text-decoration: none;\n    }\n}\n.di-drawer {\n    border: none;\n    border-radius: var(--br-m);\n    padding: var(--pad-m);\n    box-shadow: var(--shadow-5);\n    &::backdrop {\n        background-color: rgb(0 0 0 / 0.5);\n        backdrop-filter: blur(5px);\n    }\n}\n\n.di-drawer-close-button {\n    position: absolute;\n    inset-block-start: 10px;\n    inset-inline-end: 10px;\n}\n\n.di-dialog-close {\n    position: absolute;\n    border: none;\n    inset-inline-end: 10px;\n    inset-block-start: 10px;\n    line-height: var(--fs-s);\n    font-size: var(--fs-s);\n    cursor: pointer;\n}\n\n/* Menu */\n.di-menu {\n    background: var(--bg);\n    box-shadow: var(--shadow-3);\n    border-radius: var(--br-m);\n    padding: var(--pad-s);\n    flex-direction: column;\n    border: var(--border-05);\n    width: 150px;\n    z-index: 10;\n    .di-menu-inner {\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n    }\n    button,\n    a {\n        line-height: 1;\n        text-decoration: none;\n        background: transparent;\n        color: var(--fg);\n        gap: 10px;\n        padding: var(--pad-s);\n        align-items: center;\n        border-radius: var(--br-s);\n        border: none;\n        width: 100%;\n        display: flex;\n        &:hover,\n        &:active {\n            background: var(--fg-05);\n        }\n    }\n}\n\n.di-toast-slice {\n    background: var(--bg);\n    box-shadow: var(--shadow-3);\n    border-radius: var(--br-s);\n    padding: var(--pad-m) var(--pad-l);\n    flex-direction: column;\n    border: var(--border-05);\n    z-index: 10;\n    overflow: hidden;\n    position: relative;\n    .progress {\n        --info: var(--blue);\n        --success: var(--green);\n        --warning: var(--yellow);\n        --error: var(--red);\n    }\n}\n";
export default css;