@layer global {
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

@layer global {
    .button-reset {
        padding: 0;
        border: none;
        outline: none;
        font: inherit;
        color: inherit;
        background: none;
    }

    .button {
        --text-color: #383838;
        --disabled-text-color: #858585;

        --bg-color-top: #fede9e;
        --bg-color-bottom: #fdc452;

        --bg-color-top-light: #fee7b7;
        --bg-color-bottom-light: #fdcd6b;

        --bg-color-top-dark: #fed585;
        --bg-color-bottom-dark: #fdbb39;

        padding: var(--space-xs) var(--space-m-l);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text-color);
        text-decoration: none;
        font-weight: bold;
        border: none;
        outline: 0;
        border-radius: 5000px;
        background: linear-gradient(to bottom, var(--bg-color-top) 0%, var(--bg-color-bottom) 100%);
        cursor: pointer;

        &:hover, &:active, &:visited {
            /*
             * This is using `important` to override the `a:hover` declaration which
             * appears to have higher specificity than the `button:hover` declaration.
             */
            color: var(--text-color) !important;
        }

        img, svg {
            float: left;
            display: inline-block;
            margin-right: var(--space-2xs);
        }

        &:hover, &:focus, &.active {
            background: linear-gradient(to bottom, var(--bg-color-top-dark) 0%, var(--bg-color-bottom-dark) 100%);
            outline: 0;
        }

        &[disabled] {
            background: linear-gradient(to bottom, var(--bg-color-top-light) 0%, var(--bg-color-bottom-light) 100%);
            color: var(--disabled-text-color) !important;
            cursor: not-allowed;
        }
    }

    .button--tan {
        --bg-color-top: #e8e3c7;
        --bg-color-bottom: #d6cd99;

        --bg-color-top-light: #efecd9;
        --bg-color-bottom-light: #ddd6ab;

        --bg-color-top-dark: #e1dab5;
        --bg-color-bottom-dark: #cfc487;
    }

    .button--red {
        --bg-color-top: #ffb8b8;
        --bg-color-bottom: #f78888;

        --bg-color-top-light: #ffcccc;
        --bg-color-bottom-light: #f7adad;

        --bg-color-top-dark: #fab4b4;
        --bg-color-bottom-dark: #ed6b6b;
    }

    .button--small {
        padding: var(--space-2xs) var(--space-s);
    }

    .load-more-button {
        display: block;
        text-align: center;
        width: 100%;
        padding: var(--space-2xs);
        outline: 0;
        border: 0;
        background-color: light-dark(#dbd9cf, #202023);
        color: light-dark(#525252, #f9f7ec);

        &:hover, &:focus {
            background-color: light-dark(#c5c2b2, #26262b);
        }
    }
}

@layer global {
    .form-group-name {
        display: flex;
        gap: var(--space-2xs);
        margin-bottom: var(--space-2xs);
        font-weight: 600;
    }

    .form-group-error {
        display: block;
        color: red;
        font-size: 0.9em;
        margin-top: var(--space-2xs);
    }

    .base-input {
        padding: var(--space-2xs);
        background-color: light-dark(white, #141413);
        border: 1px solid var(--gray-border);
        border-radius: var(--space-3xs);

        &[aria-invalid="true"] {
            background: light-dark(#fff2f2, #170808);
            border-color: red;
        }
    }
}

@layer global {
    .sort-by-v-center {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        gap: 5px;
    }
}

@layer global {
    .small, .text--small {
        color: var(--main-color-light);
        font-size: 80%;

        strong {
            color: var(--main-color);
        }
    }

    .small a, .text--small a, a.small, a.text--small {
        color: var(--main-color-light);
        text-decoration: underline;
        font-weight: normal;

        &:hover {
            color: #6b6b6b;
        }
    }
}

@layer global.normalize {
    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    /* Document
       ========================================================================== */

    /**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in iOS.
     */

    html {
      line-height: 1.15; /* 1 */
      -webkit-text-size-adjust: 100%; /* 2 */
    }

    /* Sections
       ========================================================================== */

    /**
     * Remove the margin in all browsers.
     */

    body {
      margin: 0;
    }

    /**
     * Render the `main` element consistently in IE.
     */

    main {
      display: block;
    }

    /**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */

    h1 {
      font-size: 2em;
      margin: 0.67em 0;
    }

    /* Grouping content
       ========================================================================== */

    /**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */

    hr {
      box-sizing: content-box; /* 1 */
      height: 0; /* 1 */
      overflow: visible; /* 2 */
    }

    /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */

    pre {
      font-family: monospace, monospace; /* 1 */
      font-size: 1em; /* 2 */
    }

    /* Text-level semantics
       ========================================================================== */

    /**
     * Remove the gray background on active links in IE 10.
     */

    a {
      background-color: transparent;
    }

    /**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */

    abbr[title] {
      border-bottom: none; /* 1 */
      text-decoration: underline; /* 2 */
      text-decoration: underline dotted; /* 2 */
    }

    /**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */

    b,
    strong {
      font-weight: bolder;
    }

    /**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */

    code,
    kbd,
    samp {
      font-family: monospace, monospace; /* 1 */
      font-size: 1em; /* 2 */
    }

    /**
     * Add the correct font size in all browsers.
     */

    small {
      font-size: 80%;
    }

    /**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }

    sub {
      bottom: -0.25em;
    }

    sup {
      top: -0.5em;
    }

    /* Embedded content
       ========================================================================== */

    /**
     * Remove the border on images inside links in IE 10.
     */

    img {
      border-style: none;
    }

    /* Forms
       ========================================================================== */

    /**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     */

    button,
    input,
    optgroup,
    select,
    textarea {
      font-family: inherit; /* 1 */
      font-size: 100%; /* 1 */
      line-height: 1.15; /* 1 */
      margin: 0; /* 2 */
    }

    /**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */

    button,
    input { /* 1 */
      overflow: visible;
    }

    /**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */

    button,
    select { /* 1 */
      text-transform: none;
    }

    /**
     * Correct the inability to style clickable types in iOS and Safari.
     */

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
      -webkit-appearance: button;
    }

    /**
     * Remove the inner border and padding in Firefox.
     */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
    }

    /**
     * Restore the focus styles unset by the previous rule.
     */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText;
    }

    /**
     * Correct the padding in Firefox.
     */

    fieldset {
      padding: 0.35em 0.75em 0.625em;
    }

    /**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */

    legend {
      box-sizing: border-box; /* 1 */
      color: inherit; /* 2 */
      display: table; /* 1 */
      max-width: 100%; /* 1 */
      padding: 0; /* 3 */
      white-space: normal; /* 1 */
    }

    /**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */

    progress {
      vertical-align: baseline;
    }

    /**
     * Remove the default vertical scrollbar in IE 10+.
     */

    textarea {
      overflow: auto;
    }

    /**
     * 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10.
     */

    [type="checkbox"],
    [type="radio"] {
      box-sizing: border-box; /* 1 */
      padding: 0; /* 2 */
    }

    /**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
      height: auto;
    }

    /**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */

    [type="search"] {
      -webkit-appearance: textfield; /* 1 */
      outline-offset: -2px; /* 2 */
    }

    /**
     * Remove the inner padding in Chrome and Safari on macOS.
     */

    [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    /**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */

    ::-webkit-file-upload-button {
      -webkit-appearance: button; /* 1 */
      font: inherit; /* 2 */
    }

    /* Interactive
       ========================================================================== */

    /*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */

    details {
      display: block;
    }

    /*
     * Add the correct display in all browsers.
     */

    summary {
      display: list-item;
    }

    /* Misc
       ========================================================================== */

    /**
     * Add the correct display in IE 10+.
     */

    template {
      display: none;
    }

    /**
     * Add the correct display in IE 10.
     */

    [hidden] {
      display: none;
    }
}

/*
 * The `normalize.css` file does not use CSS layers, so we need to vendor it
 * with a layer to ensure it is applied before our global styles.
 */

@layer global {
    :root, [data-theme="classic"] {
        --violet800: hsl(252, 44%, 24%);
        --grey900: hsl(200, 15%, 19%);
        --grey700: hsl(200, 11%, 43%);
        --grey600: hsl(200, 13%, 60%);
        --grey200: hsl(200, 17%, 96%);
        --green800: hsl(115, 31%, 31%);
        --green900: hsl(115, 31%, 21%);

        --orange-50: #fff7ed;
        --orange-100: #ffedd5;
        --orange-200: #fed7aa;
        --orange-300: #fdba74;
        --orange-400: #fb923c;
        --orange-500: #f97316;
        --orange-600: #ea580c;
        --orange-700: #c2410c;
        --orange-800: #9a3412;
        --orange-900: #7c2d12;

        --yellow100: hsl(44, 100%, 90%);
        --yellow500: hsl(44, 100%, 60%);
        --yellow700: hsl(44, 67%, 50%);
        --yellow800: hsl(44, 67%, 20%);

        --header-bg-color: light-dark(hsl(115, 31%, 20%), #141413);

        --transition-x-slow: 1000ms;
        --transition-slow: 500ms;
        --transition-medium: 250ms;
        --transition-fast: 150ms;
        --transition-x-fast: 50ms;
        --transition-instant: 0ms;

        --font-heading: "Fira Sans", sans-serif;
        --font-body: var(--font-heading);
        --font-monospace: "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;

        --main-color: light-dark(#383838, #f9f7ec);
        --main-color-light: light-dark(#858585, #a6a6a6);
        --main-shadow-color: light-dark(var(--green900), hsl(111, 10%, 8%));
        --main-bg: light-dark(#f9f7ec, hsl(0, 1%, 19%));
        --main-bg-dark: light-dark(#edebdd, #141413);
        --gray-border: light-dark(#d5d3cb, #666561);
        --link-color: rgb(0, 172, 91);
        --link-hover-color: #007940;

        --placeholder-bg: hsl(212, 7%, 57%);
        --placeholder-bg2: hsl(213, 16%, 75%);

        /* see https://utopia.fyi/space/calculator?c=320,14,1.2,1140,18,1.25,5,2,&s=0.75|0.5|0.25|0.125,1.5|2|3|4|6,s-l */

        --space-4xs: clamp(0.13rem, calc(0.13rem + 0.00vw), 0.13rem);
        --space-3xs: clamp(0.25rem, calc(0.23rem + 0.12vw), 0.31rem);
        --space-2xs: clamp(0.44rem, calc(0.39rem + 0.24vw), 0.56rem);
        --space-xs: clamp(0.69rem, calc(0.61rem + 0.37vw), 0.88rem);
        --space-s: clamp(0.88rem, calc(0.78rem + 0.49vw), 1.13rem);
        --space-m: clamp(1.31rem, calc(1.17rem + 0.73vw), 1.69rem);
        --space-l: clamp(1.75rem, calc(1.55rem + 0.98vw), 2.25rem);
        --space-xl: clamp(2.63rem, calc(2.33rem + 1.46vw), 3.38rem);
        --space-2xl: clamp(3.50rem, calc(3.11rem + 1.95vw), 4.50rem);
        --space-3xl: clamp(5.25rem, calc(4.66rem + 2.93vw), 6.75rem);

        /* One-up pairs */
        --space-4xs-3xs: clamp(0.13rem, calc(0.05rem + 0.37vw), 0.31rem);
        --space-3xs-2xs: clamp(0.25rem, calc(0.13rem + 0.61vw), 0.56rem);
        --space-2xs-xs: clamp(0.44rem, calc(0.27rem + 0.85vw), 0.88rem);
        --space-xs-s: clamp(0.69rem, calc(0.52rem + 0.85vw), 1.13rem);
        --space-s-m: clamp(0.88rem, calc(0.56rem + 1.59vw), 1.69rem);
        --space-m-l: clamp(1.31rem, calc(0.95rem + 1.83vw), 2.25rem);
        --space-l-xl: clamp(1.75rem, calc(1.12rem + 3.17vw), 3.38rem);
        --space-xl-2xl: clamp(2.63rem, calc(1.89rem + 3.66vw), 4.50rem);
        --space-2xl-3xl: clamp(3.50rem, calc(2.23rem + 6.34vw), 6.75rem);

        /* Custom pairs */
        --space-s-l: clamp(0.88rem, calc(0.34rem + 2.68vw), 2.25rem);

        color-scheme: light dark;
    }

    [data-color-scheme="light"] {
        color-scheme: light;
    }

    [data-color-scheme="dark"] {
        color-scheme: dark;
    }

    * {
        box-sizing: border-box;
    }

    html, body {
        margin: 0;
        scroll-behavior: smooth;
    }

    body {
        background-color: var(--header-bg-color);
        font-family: var(--font-body);
        font-size: 16px;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    h1, h2, h3, h4 {
        font-family: var(--font-heading);
    }
        @media only screen and (max-width: 400px) {

    h1 {
            font-size: 1.5em;
    }
        }

    a, .link, .text--link {
        color: var(--link-color);
        -webkit-text-decoration: none;
        text-decoration: none;
        cursor: pointer;
    }

        :is(a,.link,.text--link):hover {
            color: var(--link-hover-color);
        }

    /* Using `:not(...)` here for specificity reasons */
    a:not([href]) {
        color: unset;
        cursor: initial;
    }

    pre.terminal {
        background: var(--main-color);
        color: white;
        padding: var(--space-s);
        font-family: var(--font-monospace);
    }

    abbr[title] {
        -webkit-text-decoration: none;
        text-decoration: none;
        border-bottom: 1px dotted;
    }

    noscript {
        display: grid;
        justify-items: center;
        padding: var(--space-m);
        color: white;
    }

    /* see https://github.com/twbs/bootstrap/pull/30269 */
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-fields-wrapper,
    ::-webkit-datetime-edit-text,
    ::-webkit-datetime-edit-minute,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-year-field {
        padding: 0;
    }

    ::-webkit-calendar-picker-indicator {
        font-size: 0.9em
    }

    .c-notification__icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c-notification__content {
        line-height: 1.5;
    }

    .width-limit {
        width: 960px;
    }
        @media only screen and (max-width: 960px) {

    .width-limit {
            width: 100%;
    }
        }
}

/* color-scheme-menu.css */
@layer components {

.dropdown_e3ec94b6c {
    line-height: 1rem;
}

.icon_e3ec94b6c {
    width: 1.4em;
    height: auto;
}

.trigger_e3ec94b6c {
    background: none;
    border: 0;
    padding: 0;
}

.menu_e3ec94b6c {
    right: 0;
    min-width: max-content;
}

.menu-button_e3ec94b6c {
    align-items: center;
    gap: var(--space-2xs);
    cursor: pointer;
    text-transform: capitalize;
}

.selected_e3ec94b6c {
    background: light-dark(#e6e6e6, #404040);
}

}

/* crate-downloads-list.css */
@layer components {

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

.list_e98d23af0  > * + * {
        margin-top: var(--space-2xs);
    }

.link_e98d23af0 {
    color: light-dark(#525252, #999999);
    background-color: light-dark(#edebdd, #141413);
    font-size: 90%;
    padding: var(--space-s) var(--space-xs);
    display: flex;
    align-items: center;
}

.download-icon_e98d23af0 {
    color: #b13b89;
    margin-left: auto;
    margin-right: var(--space-3xs);
}

}

/* crate-header.css */
@layer components {

.heading_e5aa661bf {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--space-xs);
    margin: 0;
    padding: 0;
    word-break: break-word;
}

.heading_e5aa661bf small.e5aa661bf {
        color: var(--main-color-light);
    }

.yanked-badge_e5aa661bf {
    background: #d30000;
    border-radius: 99999px;
    padding: var(--space-3xs) var(--space-s);
    font-size: var(--space-s);
    color: white;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    white-space: nowrap;
    cursor: default;
}

.yanked-badge_e5aa661bf svg {
        width: 1em;
        height: 1em;
        flex-shrink: 0;
    }

.description_e5aa661bf {
    margin-top: var(--space-xs);
    line-height: 1.35;
}

.keywords_e5aa661bf {
    list-style: none;
    margin: var(--space-xs) 0 0;
    padding: 0;
}

.keywords_e5aa661bf  > * {
        display: inline;
    }

:is(.keywords_e5aa661bf > *)  + * {
            margin-left: var(--space-s);
        }

.hash_e5aa661bf {
    margin-right: 1px;
    font-family: var(--font-monospace);
    font-size: 90%;
}

.follow-button_e5aa661bf {
    margin-top: var(--space-s);
}

.nav_e5aa661bf {
    margin-bottom: var(--space-s);
}

@media only screen and (min-width: 751px) {
    .header_e5aa661bf {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .follow-button_e5aa661bf {
        margin: -10px -10px 0 var(--space-s);
        grid-column: 2;
        grid-row: 1;
    }

    .description_e5aa661bf, .keywords_e5aa661bf {
        grid-column: 1 / 3;
    }
}

}

/* crate-list.css */
@layer components {

.list_ef1bd7ef3 {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list_ef1bd7ef3  > * + * {
        margin-top: var(--space-s);
    }

}

/* crate-row.css */
@layer components {

.crate-row_ee3a027e7 {
    --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);

    display: flex;
    flex-wrap: wrap;
    padding: var(--space-s-m) var(--space-m-l);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
}

.description-box_ee3a027e7 {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.name_ee3a027e7 {
    color: var(--main-color);
    font-weight: bold;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 120%;
    overflow-wrap: break-word;
}

.copy-button_ee3a027e7 {
    color: var(--main-color);
    cursor: pointer;

    /* Hover selector for pointer only */
    /* See: https://github.com/rust-lang/crates.io/issues/10772 */
}

@media (pointer: fine) {

.copy-button_ee3a027e7 {
        opacity: 0;
        transition: var(--transition-medium);
}

        .crate-row_ee3a027e7:hover .copy-button_ee3a027e7 {
            opacity: .8;
            transition: var(--transition-instant);
        }

        .crate-row_ee3a027e7:hover .copy-button_ee3a027e7:hover,.copy-button_ee3a027e7:focus {
            opacity: 1;
            transition: var(--transition-instant);
        }
    }

.copy-button_ee3a027e7 svg {
        vertical-align: top;
        height: 1rem;
        width: 1rem;
    }

.crate-spec_ee3a027e7 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.crate-spec_ee3a027e7 > * {
        margin-bottom: calc(var(--space-xs) / 2);
    }

.crate-spec_ee3a027e7 > :not(:last-child) {
        margin-right: var(--space-2xs);
    }

.description_ee3a027e7 {
    margin-top: calc(var(--space-xs) / 2);
    line-height: 1.5;
}

.stats_ee3a027e7 {
    width: 30%;
    color: var(--main-color-light);
}

.stats_ee3a027e7  > * + * {
        margin-top: var(--space-xs);
    }

.stats_ee3a027e7 svg {
        height: 1em;
        width: 1em;
        margin-right: var(--space-xs);

        flex-shrink: 0;
    }

.download-icon_ee3a027e7:is(.stats_ee3a027e7 svg) {
            height: calc(1em + 20px);
            width: calc(1em + 20px);
            margin: -10px;
            margin-right: calc(var(--space-xs) - 10px);
        }

.download-icon_ee3a027e7:is(.stats_ee3a027e7 svg) circle {
                fill: none;
            }

.downloads_ee3a027e7 {
    display: flex;
    align-items: center;
}

.recent-downloads_ee3a027e7 {
    display: flex;
    align-items: center;
}

.updated-at_ee3a027e7 {
    display: flex;
    align-items: center;
}

ul.ee3a027e7.quick-links_ee3a027e7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    font-size: 80%;
    list-style-type: none;
    margin: var(--space-xs) 0 0 0;
    padding: 0;
}

ul.ee3a027e7.quick-links_ee3a027e7  > * + * {
        margin-left: var(--space-xs);
    }

}

/* link.css */
@layer components {

.content_e46182c89 {
    display: flex;
    align-items: center;
}

.title_e46182c89 {
    font-size: 1.17em;
    margin: 0 0 var(--space-s);
}

.icon_e46182c89 {
    flex-shrink: 0;
    height: 1em;
    width: auto;
    margin-right: var(--space-2xs);
}

.link_e46182c89 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

}

/* crate-sidebar.css */
@layer components {

.sidebar_e2a51d261 {
    display: flex;
    flex-direction: column;
}

.sidebar_e2a51d261  > * + * {
        margin-top: var(--space-m);
    }

.heading_e2a51d261 {
    font-size: 1.17em;
    margin: 0 0 var(--space-s);
}

.metadata_e2a51d261  > * + * {
        margin-top: var(--space-2xs);
    }

.date_e2a51d261,
.msrv_e2a51d261,
.edition_e2a51d261,
.license_e2a51d261,
.bytes_e2a51d261,
.purl_e2a51d261 {
    display: flex;
    align-items: center;
}

:is(.date_e2a51d261,.msrv_e2a51d261,.edition_e2a51d261,.license_e2a51d261,.bytes_e2a51d261,.purl_e2a51d261) svg {
        flex-shrink: 0;
        margin-right: var(--space-2xs);
        height: 1em;
        width: auto;
    }

:is(.date_e2a51d261,.msrv_e2a51d261,.edition_e2a51d261)  > span.e2a51d261 {
        cursor: help;
    }

.license_e2a51d261 a {
        color: var(--main-color);
    }

.bytes_e2a51d261 {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

.purl_e2a51d261 {
    align-items: flex-start;
}

.purl-copy-button_e2a51d261 {
    text-align: left;
    width: 100%;
    min-width: 0;
    cursor: pointer;
}

.purl-copy-button_e2a51d261:focus {
        outline: 2px solid var(--yellow500);
        outline-offset: 1px;
        border-radius: var(--space-3xs);
    }

.purl-text_e2a51d261 {
    word-break: break-all;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.purl-tooltip_e2a51d261 {
    word-break: break-all;
}

.purl-tooltip_e2a51d261  > small.e2a51d261 {
        word-break: normal;
    }

.purl-help-link_e2a51d261 {
    color: unset;
    margin-left: var(--space-2xs);
    flex-shrink: 0;
}

.purl-help-link_e2a51d261:hover {
        color: unset;
    }

.purl-help-link_e2a51d261:focus {
        outline: 2px solid var(--yellow500);
        outline-offset: 1px;
        border-radius: var(--space-3xs);
    }

.purl-help-link_e2a51d261 svg {
        margin: 0;
    }

.links_e2a51d261  > * + * {
        margin-top: var(--space-m);
    }

.categories_e2a51d261 {
    margin: 0;
    padding-left: 20px;
    line-height: 1.5;
}

.report-button_e2a51d261, .playground-button_e2a51d261 {
    justify-content: center;
    width: 220px;
}

.playground-button_e2a51d261 {
    margin-bottom: var(--space-2xs);
}

.playground-help_e2a51d261 {
    max-width: 220px;
    text-align: justify;
    line-height: 1.3em;
}

}

/* install-instructions.css */
@layer components {

.copy-help_e68494b3f {
    font-size: 12px;
    overflow-wrap: break-word;
}

.copy-help_e68494b3f:last-child {
        margin-bottom: 0;
    }

.copy-button_e68494b3f,
.copy-fallback_e68494b3f {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2xs) var(--space-xs);
    font-family: var(--font-monospace);
    font-size: 14px;
    line-height: 1.5em;
    color: var(--main-color);
    background: transparent;
    border-radius: var(--space-3xs);
    border: solid var(--space-4xs) var(--gray-border);
}

:is(.copy-button_e68494b3f,.copy-fallback_e68494b3f) span.e68494b3f {
        flex: auto;
        display: block;
        word-break: break-word;
    }

.copy-button_e68494b3f {
    text-align: start;
    cursor: pointer;
}

.copy-button_e68494b3f:hover {
        background-color: light-dark(white, #141413);
    }

.copy-icon_e68494b3f {
    flex-shrink: 0;
    height: 1.1em;
    width: auto;
    /* for slightly nicer alignment... */
    margin-top: -3px;
    margin-left: var(--space-2xs);
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.copy-button_e68494b3f:hover .copy-icon_e68494b3f {
        opacity: 1;
    }

.selectable_e68494b3f {
    -webkit-user-select: text;
            user-select: text;
}

.bin-name_e68494b3f {
    font-family: var(--font-monospace);
    font-weight: bold;
}

}

/* row.css */
@layer components {

.row_ea65b1ada {
    --bg-color: var(--grey200);
    --hover-bg-color: light-dark(hsl(217, 37%, 98%), hsl(204, 3%, 11%));
    --range-color: light-dark(var(--grey900), #d1cfc7);
    --crate-color: light-dark(var(--grey700), #d1cfc7);
    --placeholder-opacity: 0.35;
    --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);

    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    padding: var(--space-s) var(--space-m);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    transition: all var(--transition-slow);
}

.row_ea65b1ada:hover,.row_ea65b1ada.focused_ea65b1ada {
        background-color: var(--hover-bg-color);
        transition: all var(--transition-instant);
    }

.row_ea65b1ada.focused_ea65b1ada {
        box-shadow: 0 0 0 3px var(--yellow500), var(--shadow);
    }

.row_ea65b1ada.optional_ea65b1ada {
        --range-color: light-dark(var(--grey600), var(--grey600));
        --crate-color: light-dark(var(--grey600), var(--grey600));
        --placeholder-opacity: 0.15;
    }

.row_ea65b1ada [title],.row_ea65b1ada .features-label_ea65b1ada {
        position: relative;
        z-index: 1;
        cursor: help;
    }

@media only screen and (max-width: 550px) {

.row_ea65b1ada {
        display: block;
}
    }

.tooltip_ea65b1ada {
    word-break: break-all;
}

.range-lg_ea65b1ada, .range-sm_ea65b1ada {
    margin-right: var(--space-s);
    min-width: 100px;
    color: var(--range-color);
    font-feature-settings: "tnum";
    font-variant: tabular-nums;
}

@media only screen and (max-width: 550px) {

.range-lg_ea65b1ada {
        display: none;
}
    }

@media only screen and (min-width: 551px) {

.range-sm_ea65b1ada {
        display: none;
}
    }

.right_ea65b1ada {
    flex-grow: 1;
}

.link_ea65b1ada {
    color: var(--crate-color);
    font-weight: 500;
    margin-right: var(--space-s);
    outline: none;
}

.link_ea65b1ada:hover {
        color: var(--crate-color);
    }

.link_ea65b1ada::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

.optional-label_ea65b1ada, .features-label_ea65b1ada {
    color: var(--grey600);
    text-transform: uppercase;
    letter-spacing: .7px;
    font-size: 13px;
    margin-right: var(--space-s);
}

:is(.optional-label_ea65b1ada,.features-label_ea65b1ada) a {
        position: relative;
        color: var(--grey600);
    }

:is(:is(.optional-label_ea65b1ada,.features-label_ea65b1ada) a):hover {
            color: var(--grey900);
        }

:is(.optional-label_ea65b1ada,.features-label_ea65b1ada) svg {
        height: 1em;
        width: auto;
        margin-right: var(--space-4xs);
        margin-bottom: -.1em;
    }

:is(.optional-label_ea65b1ada,.features-label_ea65b1ada) .tooltip_ea65b1ada {
        text-transform: none;
        letter-spacing: normal;
    }

@media only screen and (max-width: 550px) {

.optional-label_ea65b1ada, .features-label_ea65b1ada {
        display: block;
        margin-top: var(--space-xs);
}
    }

.feature-list_ea65b1ada {
    padding: 0;
    margin: var(--space-2xs) var(--space-3xs);
    list-style: none;
}

.feature-list_ea65b1ada svg {
        height: 1em;
        width: auto;
        margin-right: 2px;
        margin-bottom: -.1em;
    }

.description_ea65b1ada {
    margin-top: var(--space-xs);
    color: var(--crate-color);
    font-size: 90%;
    line-height: 1.5;
}

.description-placeholder_ea65b1ada {
    height: 1em;
    width: 70%;
    border-radius: var(--space-3xs);
    opacity: var(--placeholder-opacity);
}

}

/* download-graph.css */
@layer components {

.wrapper_e41d69559 {
    display: grid;
    place-items: center;
    border: solid 1px var(--gray-border);
    border-radius: var(--space-3xs);
    min-height: 400px;
}

.spinner_e41d69559 {
    transform: scale(3.0);
}

.error_e41d69559 {
    text-align: center;
}

}

/* dropdown.css */
@layer components {

.container_e838054d5 {
    display: inline-block;
    position: relative;
}

}

/* content.css */
@layer components {

.dropdown_e5665b922 {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 10;
}
.dropdown_e5665b922.open_e5665b922 {
        display: block;
    }

}

/* menu-item.css */
@layer components {


    .item_e67649c5d  > a,.item_e67649c5d button {
        font-size: 90%;
        width: 100%;
        display: inline-flex;
        text-align: start;
        padding: var(--space-2xs) var(--space-xs);
        -webkit-text-decoration: none;
        text-decoration: none;
        color: var(--main-color) !important;
    }
:is(.item_e67649c5d > a,.item_e67649c5d button):hover {
            background: #5e5e5e;
            color: white !important;
        }

}

/* menu.css */
@layer components {

.list_ec5cfdfb9 {
    margin: 0;
    text-align: left;
    padding: 0;
    background: light-dark(white, #141413);
    border: 1px solid var(--gray-border);
    list-style: none;
    overflow: hidden;
    border-radius: var(--space-3xs);
}

}

/* trigger.css */
@layer components {

.button_eeae4157e {
    display: inline-flex;
    align-items: center;
    color: inherit;
    cursor: pointer;
}
.button_eeae4157e .arrow_eeae4157e {
        margin-left: var(--space-2xs);
        font-size: 50%;
        display: inline-block;
        vertical-align: middle;
    }
.button_eeae4157e .arrow_eeae4157e::after {
        content: "▼";
    }
.button_eeae4157e.active_eeae4157e .arrow_eeae4157e::after {
        content: "▲";
    }

}

/* edition.css */
@layer components {

.edition-msrv_e96b45f34 {
    margin-top: var(--space-2xs);
}

}

/* email-input.css */
@layer components {

.friendly-message_ef25bb892 {
    margin-top: 0;
}

.row_ef25bb892 {
    width: 100%;
    border: 1px solid var(--gray-border);
    border-bottom-width: 0;
    padding: var(--space-2xs) var(--space-s);
    display: flex;
    align-items: center;
}

.row_ef25bb892:last-child {
        border-bottom-width: 1px;
    }

.label_ef25bb892 {
    flex: 1;
    margin-right: var(--space-xs);
    font-weight: bold;
}

.email-column_ef25bb892 {
    flex: 20;
}

.verified_ef25bb892 {
    color: green;
    font-weight: bold;
}

.email-form_ef25bb892 {
    flex: 10;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.input_ef25bb892 {
    width: 400px;
    margin-right: var(--space-xs);
}

.actions_ef25bb892 {
    display: flex;
    align-items: center;
}

.save-button_ef25bb892 {
    margin-right: var(--space-2xs);
}

}

/* follow-button.css */
@layer components {

.follow-button_e08245d9b {
    height: 48px;
    width: 150px;
    justify-content: center;
}

}

/* footer.css */
@layer components {

:root, [data-theme="classic"] {
    --footer-bg-color: var(--header-bg-color);
    --footer-header-color: var(--yellow500);
    --footer-header-shadow-color: var(--green900);
    --footer-link-color: #fff;
    --footer-link-hover-color: var(--yellow500);
    --footer-link-hover-shadow-color: var(--green900);
}

.footer_ed59a9533 {
    display: grid;
    justify-items: center;
    background: var(--footer-bg-color);
}

.content_ed59a9533 {
    display: grid;
    gap: var(--space-xl) var(--space-m);
    padding: var(--space-l);
}

@media only screen and (min-width: 551px) {

.content_ed59a9533 {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        padding: var(--space-xl) var(--space-m);
}
    }

@media only screen and (min-width: 751px) {

.content_ed59a9533 {
        grid-template-columns: repeat(4, 1fr);
}
    }

.content_ed59a9533 h1 {
        margin: 0 0 var(--space-s);
        font-size: 20px;
        font-weight: 500;
        color: var(--footer-header-color);
        text-shadow: 1px 1px 1px var(--footer-header-shadow-color);
    }

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

:is(.content_ed59a9533 ul)  > * + * {
            margin-top: var(--space-xs);
        }

.content_ed59a9533 li {
        height: 1rem;
    }

.content_ed59a9533 a {
        display: inline-flex;
        /* slightly increased click targets */
        margin: calc(var(--space-2xs) * -1);
        padding: var(--space-2xs);
        color: #fff;
        font-size: 16px;
        line-height: 1em;
        white-space: nowrap;
        transition: var(--transition-medium);
    }

:is(.content_ed59a9533 a):hover {
            color: var(--footer-link-hover-color);
            text-shadow: 1px 1px 1px var(--footer-link-hover-shadow-color);
            /* apply color fade only on mouse-out */
            transition: var(--transition-instant);
        }

:is(.content_ed59a9533 a):hover svg {
                filter: drop-shadow(1px 1px 1px var(--footer-link-hover-shadow-color));
            }

.content_ed59a9533 svg {
        height: 1.25em;
        width: 1.25em;
        margin: -.125em var(--space-xs) -.125em 0;
        flex-shrink: 0;
    }

}

/* item.css */
@layer components {

.box_e93d40046 {
    --shadow: 0 2px 3px light-dark(hsla(51, 50%, 44%, .35), #232321);

    display: flex;
    align-items: center;
    width: 100%;
    height: var(--space-2xl);
    padding: 0 var(--space-s);
    background-color: light-dark(white, #141413);
    color: light-dark(#525252, #f9f7ec);
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    transition: background-color var(--transition-slow);
}

.box_e93d40046:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px var(--yellow500), var(--shadow);
    }

.box_e93d40046:hover,.box_e93d40046:focus-visible {
        color: light-dark(#525252, #f9f7ec);
        background-color: light-dark(hsl(58deg 72% 97%), hsl(204, 3%, 11%));
        transition: background-color var(--transition-instant);
    }

.box_e93d40046:active {
        transform: translateY(2px);
        --shadow: inset 0 0 0 1px hsla(51, 50%, 44%, .15);
    }

.left_e93d40046 {
    flex-grow: 1;
    width: 0;
}

.title_e93d40046, .subtitle_e93d40046 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title_e93d40046 {
    font-size: 16px;
}

.subtitle_e93d40046 {
    margin-top: var(--space-3xs);
    font-size: 13px;
    color: light-dark(rgb(118, 131, 138), #cccac2);
}

.right_e93d40046 {
    flex-shrink: 0;
    height: var(--space-s);
    width: auto;
    margin-left: var(--space-xs);
    color: light-dark(rgb(118, 131, 138), #cccac2);
}

}

/* placeholder.css */
@layer components {

.link_e93956f4e {
    --shadow: 0 2px 3px light-dark(hsla(51, 50%, 44%, .35), #232321);
    --placeholder-bg: light-dark(hsla(59, 19%, 50%, 1.0), hsl(60, 14%, 85%));
    --placeholder-bg2: light-dark(hsla(59, 19%, 50%, 0.7), hsla(59, 5%, 50%, 0.7));

    display: flex;
    align-items: center;
    width: 100%;
    height: var(--space-2xl);
    margin: 8px 0;
    padding: 0 var(--space-s);
    background-color: light-dark(white, #141413);
    color: light-dark(#525252, #f9f7ec);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    cursor: wait;
}

.left_e93956f4e {
    flex-grow: 1;
    width: 0;
}

.title_e93956f4e {
    height: 16px;
    width: 150px;
    border-radius: 8px;
    opacity: 0.25;
}

.subtitle_e93956f4e {
    height: 13px;
    width: 90px;
    margin-top: var(--space-3xs);
    border-radius: 6.5px;
    opacity: 0.2;
}

.right_e93956f4e {
    flex-shrink: 0;
    height: var(--space-s);
    width: auto;
    margin-left: var(--space-xs);
    color: light-dark(rgb(118, 131, 138), #cccac2);
}

}

/* header.css */
@layer components {

.header_eb1a88f63 {
    display: flex;
    justify-content: center;
    width: 100%;
}

.header-inner_eb1a88f63 {
    display: grid;
    grid-template:
        "logo search nav" auto /
        auto 1fr auto;
    align-items: center;
    padding: var(--space-xs) var(--space-m);
    color: white;
}

.header-inner_eb1a88f63 a {
        color: white; -webkit-text-decoration: none; text-decoration: none;
    }

:is(.header-inner_eb1a88f63 a):hover { color: white; }

@media only screen and (max-width: 900px) {

.header-inner_eb1a88f63 {
        grid-template:
            "logo search menu" auto /
            auto 1fr auto;
}
    }

@media only screen and (max-width: 820px) {

.header-inner_eb1a88f63 {
        grid-template:
            "logo menu" auto
            "search search" auto /
            auto 1fr;
}
    }

.hero_eb1a88f63 .header-inner_eb1a88f63 {
        grid-template:
            "logo nav" auto
            "search search" auto /
            auto 1fr;
    }

@media only screen and (max-width: 900px) {

.hero_eb1a88f63 .header-inner_eb1a88f63 {
            grid-template:
                "logo menu" auto
                "search search" auto /
                auto 1fr;
    }
        }

.index-link_eb1a88f63 {
    grid-area: logo;
    display: flex;
    align-items: center;
}

.index-link_eb1a88f63 h1 {
        margin: 0;
        font-size: var(--space-m);
    }

.logo_eb1a88f63 {
    width: auto;
    height: calc(var(--space-m) * 1.4);
    margin-right: var(--space-xs);
}

.search-form_eb1a88f63 {
    grid-area: search;
    margin: 0 var(--space-m);
}

@media only screen and (max-width: 820px) {

.search-form_eb1a88f63 {
        margin: var(--space-s) 0;
}
    }

.hero_eb1a88f63 .search-form_eb1a88f63 {
        justify-self: center;
        padding: var(--space-l) 0 var(--space-l-xl);
        margin: 0;
    }

.hero-title_eb1a88f63 {
    display: none;
    margin: 0 0 var(--space-m);
    font-size: var(--space-m-l);
    text-align: center;
    color: white;
    text-shadow: 1px 3px 2px var(--green900);
}

.hero_eb1a88f63 .hero-title_eb1a88f63 {
        display: block;
    }

.sep_eb1a88f63 {
    margin: 0 var(--space-2xs);
    opacity: 0.5;
}

.nav_eb1a88f63 {
    grid-area: nav;
    display: flex;
    align-items: center;
    justify-self: end;
}

@media only screen and (max-width: 900px) {

.nav_eb1a88f63 {
        display: none;
}
    }

.menu_eb1a88f63 {
    grid-area: menu;
    justify-self: end;
    display: none;
}

@media only screen and (max-width: 900px) {

.menu_eb1a88f63 {
        display: flex;
        align-items: center;
}
    }

.menu-item-with-separator_eb1a88f63 {
    border-top: 1px solid var(--gray-border);
}

.color-scheme-menu_eb1a88f63 {
    margin-right: var(--space-xs);
}

.login-button_eb1a88f63 {
    display: inline-flex;
    align-items: center;
    /* negative margin for larger click target */
    margin: calc(var(--space-2xs) * -1);
    padding: var(--space-2xs);
    cursor: pointer;
}

.login-button_eb1a88f63:disabled {
        cursor: wait;
    }

.login-button_eb1a88f63 .spinner_eb1a88f63 {
        --spinner-color: white;
        --spinner-bg-color: rgba(255, 255, 255, .2);

        margin-right: var(--space-2xs);
    }

.login-icon_eb1a88f63 {
    width: 1em;
    margin-right: var(--space-2xs);
    opacity: 0.5;
}

.avatar_eb1a88f63 {
    margin-right: var(--space-2xs);
}

.wizard-hat_eb1a88f63 {
    margin-right: var(--space-3xs);
}

.current-user-links_eb1a88f63 {
    left: auto;
    right: 0;
    min-width: 200px;
}

.dropdown-button_eb1a88f63 {
    background: none;
    border: 0;
    padding: 0;
}

.dropdown-button_eb1a88f63 img {
        /* 22px is the hard coded size of a UserAvatar when @size="small" */
        margin-top: calc((22px - 1em) * -0.5);
    }

.login-menu-item_eb1a88f63,
.logout-menu-item_eb1a88f63,
.sudo-menu-item_eb1a88f63 {
    cursor: pointer;
}

:is(.login-menu-item_eb1a88f63,.logout-menu-item_eb1a88f63,.sudo-menu-item_eb1a88f63):disabled {
        cursor: wait;
    }

:is(.login-menu-item_eb1a88f63,.logout-menu-item_eb1a88f63,.sudo-menu-item_eb1a88f63) .spinner_eb1a88f63 {
        margin-right: var(--space-2xs);
    }

.sudo-menu-item_eb1a88f63 {
    flex-direction: column;
}

.sudo-menu-item_eb1a88f63  > .expires-in_eb1a88f63 {
        font-size: 80%;
        font-style: italic;
        padding-top: var(--space-3xs);
    }

}

/* loading-spinner.css */
@layer components {

.spinner_ed131f3bb {
    --spinner-color: currentcolor;
    --spinner-bg-color: var(--gray-border);
    --spinner-size: 16px;

    display: inline-block;
    height: var(--spinner-size);
    width: var(--spinner-size);
}

.spinner_ed131f3bb.light_ed131f3bb {
        --spinner-bg-color: rgba(0, 0, 0, .2);
    }

.spinner_ed131f3bb:after {
        content: " ";
        display: block;
        box-sizing: border-box;
        width: var(--spinner-size);
        height: var(--spinner-size);
        border-radius: 50%;
        border: calc(var(--spinner-size) / 5.5) solid var(--spinner-color);
        border-color: var(--spinner-bg-color) var(--spinner-bg-color) var(--spinner-color) var(--spinner-bg-color);
        animation: spinner 1.2s linear infinite;
    }

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

}

/* msrv.css */
@layer components {

.edition_e2684427a {
    margin-top: var(--space-2xs);
}

}

/* nav-tabs.css */
@layer components {

.list_e502f7ecb {
    --nav-tabs-border-width: 2px;
    --nav-tabs-padding-h: var(--space-s);
    --nav-tabs-padding-v: var(--space-2xs);
    --nav-tabs-radius: var(--space-3xs);

    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: var(--nav-tabs-border-width) solid var(--gray-border);
}
@media only screen and (max-width: 550px) {
    .list_e502f7ecb {
        flex-direction: column;
        border-left: var(--nav-tabs-border-width) solid var(--gray-border);
        border-bottom: none;
}
    }

}

/* tab.css */
@layer components {

.link_ec5e16290 {
    display: block;
    padding:
        calc(var(--nav-tabs-padding-v) + var(--nav-tabs-border-width))
        var(--nav-tabs-padding-h)
        var(--nav-tabs-padding-v);
    color: var(--main-color);
    border-top-left-radius: var(--nav-tabs-radius);
    border-top-right-radius: var(--nav-tabs-radius);
    border-bottom: var(--nav-tabs-border-width) solid transparent;
    margin-bottom: calc(0px - var(--nav-tabs-border-width));
    transition: color var(--transition-medium), border-bottom-color var(--transition-medium);
}

.link_ec5e16290.active_ec5e16290 {
        color: var(--link-hover-color);
        border-bottom-color: var(--link-hover-color);
        background: var(--main-bg-dark);
    }

.link_ec5e16290:hover {
        color: var(--link-hover-color);
        border-bottom-color: var(--link-hover-color);
        transition: color var(--transition-instant), border-bottom-color var(--transition-instant);
    }

.link_ec5e16290:focus-visible {
        outline: none;
        margin: -3px;
        border: 3px solid var(--yellow500);
        position: relative;
        transition: border-bottom-color var(--transition-instant);
        z-index: 1;
    }

@media only screen and (max-width: 550px) {

    .link_ec5e16290 {
        padding:
            var(--nav-tabs-padding-v)
            var(--nav-tabs-padding-h)
            var(--nav-tabs-padding-v)
            calc(var(--nav-tabs-padding-h) + var(--nav-tabs-border-width));

        border-top-left-radius: 0;
        border-bottom-right-radius: var(--nav-tabs-radius);
        border-bottom: none;
        border-left: var(--nav-tabs-border-width) solid transparent;
        margin-bottom: 0;
        margin-left: calc(0px - var(--nav-tabs-border-width));
}

        .link_ec5e16290.active_ec5e16290,.link_ec5e16290:hover {
            border-left-color: var(--link-hover-color);
        }
    }

}

/* owned-crate-row.css */
@layer components {

.label_e77858a09 {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d5d3cb;
    padding: var(--space-xs) var(--space-m);
    font-weight: bold;
    cursor: pointer;
    transition: color var(--transition-medium) ease-in;
}

.label_e77858a09.checked_e77858a09 {
        background-color: var(--main-bg-dark);
    }

.name_e77858a09 {
    flex-grow: 1;
}

.checkbox_e77858a09 {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: var(--space-l);
    height: var(--space-l);
    margin-left: var(--space-m);
    border: 2px solid #d5d3cb;
    border-radius: 50%;
}

.checked_e77858a09 .checkbox_e77858a09 {
        background-color: #cfc487;
        border-color: #cfc487;
    }

}

/* owners-list.css */
@layer components {

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

.list_ee547f86c.detailed_ee547f86c  > * + * {
        margin-top: 5px;
    }

.list_ee547f86c.detailed_ee547f86c .link_ee547f86c {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
    }

.list_ee547f86c.detailed_ee547f86c .avatar_ee547f86c {
        margin-right: 10px;
    }

.list_ee547f86c.detailed_ee547f86c .name_ee547f86c {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.list_ee547f86c:not(.detailed_ee547f86c) {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 -10px;
}

.list_ee547f86c:not(.detailed_ee547f86c)  > * {
        margin: 0 10px 10px 0;
    }

.avatar_ee547f86c {
    border-radius: 50%;
    background: white;
    box-shadow: 1px 2px 2px 0 hsla(51, 50%, 44%, .35);
    padding: 1px;
}

.team_ee547f86c .avatar_ee547f86c {
        border-radius: 4px;
    }

}

/* page-header.css */
@layer components {

.header_eae350c9b {
    padding: var(--space-s) var(--space-m);
    background-color: var(--main-bg-dark);
    margin-bottom: var(--space-s);
    border-radius: 5px;
}

.heading_eae350c9b {
    display: flex;
    align-items: baseline;
    margin: 0;
}

.suffix_eae350c9b {
    color: var(--main-color-light);
    padding-left: var(--space-2xs);
}

.loading-spinner_eae350c9b {
    margin: 0 var(--space-2xs);
}

}

/* pagination.css */
@layer components {

.pagination_e12f495ee {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 90%;
    margin-bottom: var(--space-xs);
}
.pagination_e12f495ee ol {
        list-style: none;
        padding: 0;
        margin: 0;
    }
.pagination_e12f495ee ol,.pagination_e12f495ee li { display: inline-block; }
.pagination_e12f495ee a {
        color: var(--main-color-light);
        -webkit-text-decoration: none;
        text-decoration: none;
        padding: var(--space-3xs) var(--space-2xs);
        border-radius: var(--space-3xs);
    }
.pagination_e12f495ee a:hover { background-color: var(--main-bg-dark); }
.pagination_e12f495ee a.active { background-color: var(--main-bg-dark); }
.pagination_e12f495ee img,.pagination_e12f495ee svg { vertical-align: middle; }
:is(.pagination_e12f495ee .prev_e12f495ee,.pagination_e12f495ee .next_e12f495ee) circle {
            fill: none;
        }
:is(.pagination_e12f495ee .prev_e12f495ee,.pagination_e12f495ee .next_e12f495ee) path {
            fill: currentColor;
        }
:is(.pagination_e12f495ee .prev_e12f495ee,.pagination_e12f495ee .next_e12f495ee):hover circle {
                fill: var(--main-bg-dark);
            }
.pagination_e12f495ee .next_e12f495ee.active,.pagination_e12f495ee .prev_e12f495ee.active,.pagination_e12f495ee .next_e12f495ee:hover,.pagination_e12f495ee .prev_e12f495ee:hover {
        background: none;
    }

}

/* pending-owner-invite-row.css */
@layer components {

.row_eaa786659 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}

.crate-column_eaa786659 {
    width: 200px;
}

.crate-column_eaa786659 h3.eaa786659 {
        margin: 0;
    }

}

/* placeholder.css */
@layer components {

.placeholder_eb437c4ce {
    position: relative;
    display: block;
    overflow: hidden;
    background: linear-gradient(to right, var(--placeholder-bg) 8%, var(--placeholder-bg2) 16%, var(--placeholder-bg) 29%);
    background-size: 1200px 100%;
    animation-name: backgroundAnimation;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

@keyframes backgroundAnimation {
    0% {
        background-position: -500px;
    }

    100% {
        background-position: 500px;
    }
}

}

/* privileged-action.css */
@layer components {


    .placeholder_e83294119 fieldset.e83294119 {
        border: 0;
        margin: 0;
        padding: 0;
    }
.placeholder_e83294119 fieldset.e83294119[disabled] {
        cursor: not-allowed;
    }
:is(.placeholder_e83294119 fieldset.e83294119[disabled]) [disabled] {
            cursor: not-allowed;
        }
:is(.placeholder_e83294119 fieldset.e83294119[disabled]) button.e83294119,:is(.placeholder_e83294119 fieldset.e83294119[disabled]) .yellow-button_e83294119,:is(.placeholder_e83294119 fieldset.e83294119[disabled]) .tan-button_e83294119 {
            /* This duplicates the styles in .button[disabled] as there's no
             * obvious way to compose them, given the target selectors. */
            background: linear-gradient(to bottom, var(--bg-color-top-light) 0%, var(--bg-color-bottom-light) 100%);
            color: var(--disabled-text-color);
            cursor: not-allowed;
        }

}

/* progress-bar.css */
@layer components {

.progress-bar_eb8b04233 {
    position: fixed;
    left: 0;
    top: 0;
    height: 3px;
    box-shadow: 0 0 10px rgba(0, 13, 41, 0.6);
    background: var(--yellow500) !important;
}

}

/* results-count.css */
@layer components {

.highlight_e7aadc795 {
    color: var(--main-color);
    font-weight: bold;
}

}

/* rev-dep-row.css */
@layer components {

.row_ea4e4d216 {
    --hover-bg-color: light-dark(hsl(217, 37%, 98%), hsl(204, 3%, 11%));
    --crate-color: light-dark(var(--grey700), var(--grey600));
    --placeholder-opacity: 0.35;
    --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);

    position: relative;
    font-size: 18px;
    padding: var(--space-s) var(--space-m);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    transition: all var(--transition-slow);
}

.row_ea4e4d216:hover,.row_ea4e4d216.focused_ea4e4d216 {
        background-color: var(--hover-bg-color);
        transition: all var(--transition-instant);
    }

.row_ea4e4d216.focused_ea4e4d216 {
        box-shadow: 0 0 0 3px var(--yellow500), var(--shadow);
    }

.top_ea4e4d216 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 550px) {

.top_ea4e4d216 {
        display: block;
}
    }

.left_ea4e4d216 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.link_ea4e4d216 {
    color: var(--crate-color);
    font-weight: 500;
    margin-right: var(--space-s);
    outline: none;
}

.link_ea4e4d216:hover {
        color: var(--crate-color);
    }

.link_ea4e4d216::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

.range_ea4e4d216 {
    color: var(--grey600);
    text-transform: uppercase;
    letter-spacing: .7px;
    font-size: 13px;
}

.downloads_ea4e4d216 {
    display: flex;
    align-items: center;
    color: var(--grey600);
    font-size: 16px;
    font-weight: 500;
    font-feature-settings: "tnum";
    font-variant: tabular-nums;
}

@media only screen and (max-width: 550px) {

.downloads_ea4e4d216 {
        margin-top: var(--space-xs);
}
    }

.download-icon_ea4e4d216 {
    width: auto;
    height: 16px;
    flex-shrink: 0;
    margin-right: 7px;
}

.description_ea4e4d216 {
    margin-top: var(--space-2xs);
    color: var(--crate-color);
    font-size: 90%;
    line-height: 1.5;
}

@media only screen and (max-width: 550px) {

.description_ea4e4d216 {
        margin-top: var(--space-xs);
}
    }

.description-placeholder_ea4e4d216 {
    height: 1em;
    width: 70%;
    border-radius: var(--space-3xs);
    opacity: var(--placeholder-opacity);
}

}

/* search-form.css */
@layer components {

.form_e39186c09 {
    --border-radius: 5000px;
    --submit-icon-size: 1em;
    --submit-button-padding-left: var(--space-2xs);
    --submit-button-padding-right: var(--space-xs);
    --submit-button-width: calc(var(--submit-button-padding-left) + var(--submit-icon-size) + var(--submit-button-padding-right));
    --input-padding: var(--space-3xs);
    --input-padding-left: var(--space-xs);
    --input-padding-right: calc(var(--submit-button-width) + var(--input-padding));

    position: relative;
    font-size: calc(var(--space-s) * 0.9);
}

.form_e39186c09.size-big_e39186c09 {
        --input-padding: 8px;
        --input-padding-left: 16px;
        --submit-button-padding-left: 12px;
        --submit-button-padding-right: 16px;

        font-size: var(--space-s);
    }

.input-lg_e39186c09, .input-sm_e39186c09 {
    --search-form-focus-shadow: 0 0 0 var(--space-3xs) var(--yellow500);

    border: none;
    color: light-dark(black, var(--main-color));
    background: light-dark(white, hsl(0, 1%, 19%));
    width: 100%;
    padding: var(--input-padding) var(--input-padding-right) var(--input-padding) var(--input-padding-left);
    border-radius: var(--border-radius);
    box-shadow: 1px 2px 4px 0 light-dark(var(--green900), hsl(111, 10%, 8%));
    transition: box-shadow var(--transition-fast);
}

:is(.input-lg_e39186c09,.input-sm_e39186c09):focus {
        outline: none;
        box-shadow: var(--search-form-focus-shadow),
            1px 2px 3px 4px var(--green900);
    }

@media only screen and (max-width: 820px) {

.input-lg_e39186c09 {
        display: none;
}
    }

.input-sm_e39186c09 {
    display: none;
}

@media only screen and (max-width: 820px) {

.input-sm_e39186c09 {
        display: unset;
}
    }

.submit-button_e39186c09 {
    position: absolute;
    /* see https://github.com/rust-lang/crates.io/issues/8677 🤷 */
    right: -.5px;
    top: 0;
    bottom: 0;
    display: inline-grid;
    place-items: center;
    padding-left: var(--submit-button-padding-left);
    padding-right: var(--submit-button-padding-right);
    color: white;
    background-color: var(--yellow500);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    cursor: pointer;
}

.submit-button_e39186c09:hover {
        background-color: var(--yellow700);
    }

.submit-icon_e39186c09 {
    width: var(--submit-icon-size);
    height: var(--submit-icon-size);
}

}

/* settings-page.css */
@layer components {

.page_edf34daa1 {
    display: grid;
    gap: var(--space-s);
}

@media (min-width: 768px) {

.page_edf34daa1 {
        grid-template:
            "menu content" auto /
            200px auto;
}
    }

.content_edf34daa1 h2:first-child {
        margin-top: var(--space-3xs);
    }

}

/* api-tokens.css */
@layer components {

.me-subheading_ef4453e29 {
    display: flex;
}

.me-subheading_ef4453e29 .right_ef4453e29 {
        flex: 2;
        display: flex;
        justify-content: flex-end;
        align-self: center;
    }

.explainer_ef4453e29 {
    line-height: 1.5;
}

.token-list_ef4453e29 {
    margin: var(--space-m) 0;
    padding: 0;
    list-style: none;
    border-radius: var(--space-3xs);
    background-color: light-dark(white, #141413);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
}

.token-list_ef4453e29  > * {
        padding: var(--space-m);
    }

.token-list_ef4453e29  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
    }

.name_ef4453e29 {
    margin: 0 0 var(--space-s);
    font-weight: 500;
}

:is(.scopes_ef4453e29,.metadata_ef4453e29)  > * + * {
        margin-top: var(--space-3xs);
    }

.scopes_ef4453e29 {
    margin-bottom: var(--space-xs);
}

.new-token-form_ef4453e29 {
    padding: var(--space-m);
    border-radius: var(--space-3xs);
    background-color: white;
    box-shadow: 0 2px 3px hsla(51, 50%, 44%, .35);
    margin-top: var(--space-m);
}

.new-token-form_ef4453e29 .input_ef4453e29 {
        padding: var(--space-2xs);
        width: 100%;
        border: 1px solid #ada796;
        border-radius: var(--space-3xs);
    }

.actions_ef4453e29 {
    margin-top: var(--space-s);
    display: flex;
    align-items: center;
}

.spinner_ef4453e29 {
    margin-left: var(--space-xs);
}

.revoke-button_ef4453e29 {
    flex-grow: 1;
    border-radius: var(--space-3xs);
}

.regenerate-button_ef4453e29 {
    flex-grow: 1;
    border-radius: var(--space-3xs);
}

.new-token_ef4453e29 {
    margin-top: var(--space-s);
}

.new-token-explainer_ef4453e29 {
    font-size: 20px;
}

.token-display_ef4453e29 {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    background: var(--main-color);
    color: light-dark(white, #141413);
    font-family: var(--font-monospace);
    border-radius: var(--space-3xs);
    margin-top: var(--space-xs);
}

.token-value_ef4453e29 {
    padding: var(--space-s);
    -webkit-user-select: all;
            user-select: all;
}

.copy-button_ef4453e29 {
    align-self: stretch;
    padding: 0 var(--space-s);
    cursor: pointer;
}

.copy-button_ef4453e29:hover {
        color: light-dark(#ddd8b2, #65655e);
    }

.copy-button-icon_ef4453e29 {
    width: auto;
    height: 1.3em;
}

.empty-state_ef4453e29 {
    display: grid;
    place-items: center;
    align-content: center;
    margin: var(--space-m) 0;
    padding: var(--space-xl-2xl);
    border: 2px light-dark(black, white) dashed;
    border-radius: var(--space-3xs);
    background-color: light-dark(white, #141413);
    box-shadow: 0 2px 3px light-dark(hsla(51, 50%, 45%, .35), #232321);
}

.empty-state-label_ef4453e29 {
    font-size: 20px;
}

.empty-state-button_ef4453e29 {
    margin-top: var(--space-m);
    border-radius: 4px;
}

.expired_ef4453e29 {
    opacity: 0.6;
}

@media (min-width: 640px) {
    .new-token-form_ef4453e29 {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: stretch;
        padding: var(--space-s) var(--space-m);
    }

        .new-token-form_ef4453e29 .actions_ef4453e29 {
            margin: 0 0 0 var(--space-xs);
        }


    .row_ef4453e29 {
        display: grid;
        grid-template:
            "name actions" auto
            "scopes actions" auto
            "metadata actions" auto
            "details details" auto
            / 1fr auto;
    }

        .row_ef4453e29 .scopes_ef4453e29 {
            grid-area: scopes;
        }

        .row_ef4453e29 .metadata_ef4453e29 {
            grid-area: metadata;
        }

        .row_ef4453e29 .actions_ef4453e29 {
            display: flex;
            flex-direction: column;
            grid-area: actions;
            align-self: start;
            margin: 0 0 0 var(--space-xs);
        }

        .row_ef4453e29 .actions_ef4453e29 > * {
            flex-grow: 1;
            width: 100%;
        }

            :is(.row_ef4453e29 .actions_ef4453e29 > *) + * {
                margin-top: var(--space-xs);
            }

        .row_ef4453e29 .new-token_ef4453e29 {
            grid-area: details;
            margin-bottom: 0;
        }
}

}

/* side-menu.css */
@layer components {

.list_eee245389 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list_eee245389  > * + * {
        margin-top: var(--space-3xs);
    }

}

/* item.css */
@layer components {

.link_eb546f56f {
    display: block;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--space-3xs);
    color: var(--main-color-light);
    transition: all var(--transition-medium) ease-in;
}

.link_eb546f56f:hover {
        background-color: var(--main-bg-dark);
        color: var(--main-color);
        transition: none;
    }

.active_eb546f56f {
    background-color: var(--main-bg-dark);
    color: var(--main-color);
}

.active_eb546f56f:hover {
        background-color: light-dark(#e5e1cd, #262522);
    }

}

/* sort-dropdown.css */
@layer components {

.trigger_e0b879ca2 {
    background-color: var(--main-bg-dark);
    font-size: 85%;
    padding: var(--space-2xs);
    border: none;
    border-radius: var(--space-3xs);
}

.icon_e0b879ca2 {
    color: #1a9c5d;
    margin-right: var(--space-2xs);
}

}

/* stats-value.css */
@layer components {

.stats-value_ee8666cd3 {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    justify-items: end;
}

.value_ee8666cd3 {
    font-size: var(--space-m-l);
    font-weight: bold;
    line-height: 1em;
}

.label_ee8666cd3 {
    grid-column: 1;
    grid-row: 2;
    color: #76838a;
    font-size: var(--space-s);
    font-weight: normal;
    line-height: 1.6;
}

.icon_ee8666cd3 {
    grid-column: 2;
    grid-row: 1 / 3;
    width: var(--space-l-xl);
    height: var(--space-l-xl);
    margin-left: var(--space-s);
    margin-top: var(--space-3xs);
    color: #76838a;
}

}

/* crate-report-form.css */
@layer components {

.report-form_e785bd058 {
  background-color: var(--main-bg);
  padding: 0.5rem 1rem;
}

.form-group_e785bd058 {
  border: none;
  margin: 0;
  padding: 0;
}

.form-group_e785bd058 + .form-group_e785bd058 {
    margin-top: 1rem;
  }

.crate-input_e785bd058 {
  max-width: 440px;
  width: 100%;
}

.reasons-list_e785bd058 {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: light-dark(white, #141413);
    border: 1px solid var(--gray-border);
    border-radius: var(--space-3xs);
}

.reasons-list_e785bd058 input {
        align-self: center;
    }

.reasons-list_e785bd058.invalid {
        background: light-dark(#fff2f2, #170808);
        border-color: red;
    }

.reasons-list_e785bd058  > * + * {
        border-top: inherit;
    }

.reasons-list_e785bd058 label.e785bd058 {
        padding: var(--space-xs) var(--space-s);
        display: flex;
        flex-wrap: nowrap;
        gap: var(--space-xs);
        font-size: 0.9em;
    }

.detail_e785bd058 {
  padding: var(--space-2xs);
  background-color: light-dark(white, #141413);
  border: 1px solid var(--gray-border);
  border-radius: var(--space-3xs);
  resize: vertical;
  width: 100%;
}

.detail_e785bd058.invalid_e785bd058 {
    background: light-dark(#fff2f2, #170808);
    border-color: red;
  }

.buttons_e785bd058 {
  position: relative;
  margin: var(--space-m) 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 2rem;
}

.report-button_e785bd058 {
  border-radius: var(--space-3xs);
  font-weight: normal;
}

.report-button_e785bd058:focus {
    outline: 1px solid var(--bg-color-top-dark);
    outline-offset: 2px;
  }

.report-button_e785bd058 strong.e785bd058 {
    margin-left: var(--space-3xs);
    font-weight: 500;
  }

}

/* text-content.css */
@layer components {

.boxed_efa71a50b {
    padding: var(--space-m);
    background-color: light-dark(white, #141413);
    margin-bottom: var(--space-s);
    border-radius: 5px;
}

.wrapper_efa71a50b {
    line-height: 1.5;
    overflow-wrap: break-word;
}

.wrapper_efa71a50b  > :first-child {
        margin-top: 0;
    }

.wrapper_efa71a50b  > :last-child {
        margin-bottom: 0;
    }

.wrapper_efa71a50b img {
        max-width: 100%;
    }

.wrapper_efa71a50b pre {
        display: block;
        overflow-x: auto;
        padding: var(--space-xs);
        background-color: light-dark(#f6f8fa, #161b22);
        font-size: 85%;
        border-radius: var(--space-3xs);
    }

:is(.wrapper_efa71a50b p,.wrapper_efa71a50b li) code {
            background-color: light-dark(#f6f8fa, #383836);
            border-radius: var(--space-3xs);
            font-size: 85%;
            margin: 0;
            padding: var(--space-4xs) var(--space-3xs);
        }

.wrapper_efa71a50b code {
        font-family: var(--font-monospace);
        tab-size: 4;
    }

.wrapper_efa71a50b kbd {
        font-family: var(--font-monospace);
        font-size: 11px;

        padding: 2px 5px 3px 5px;

        border-radius: 7px;

        position: relative;
        bottom: 2px;

        border: 1px solid var(--grey700);
        box-shadow: inset 0 -2px 0 var(--grey600);
    }

.wrapper_efa71a50b table {
        border-collapse: collapse;
        display: block;
        overflow-x: auto;
    }

:is(.wrapper_efa71a50b table) th,:is(.wrapper_efa71a50b table) td {
            border: 1px solid #dfe2e5;
            padding: var(--space-2xs) var(--space-s);
        }

.wrapper_efa71a50b section.footnotes {
        color: var(--main-color-light);
        font-size: 80%;
        border-top: 1px solid var(--gray-border);
    }

:is(.wrapper_efa71a50b section.footnotes) a {
            color: var(--main-color-light);
        }

:is(:is(.wrapper_efa71a50b section.footnotes) a):hover {
                color: var(--main-color);
            }

/* Reset background color, padding and font-size for syntax-highlighted code blocks. */

/* See: https://github.com/rust-lang/crates.io/issues/8866 */

.wrapper_efa71a50b .hljs {
        background: unset;
        padding: 0;
        font-size: unset;
    }

/*
     * This is a combination of the `github.css` and `github-dark.css` themes,
     * but merged together using the `light-dark` function.
     *
     * see https://github.com/highlightjs/highlight.js/blob/11.9.0/src/styles/github.css
     * and https://github.com/highlightjs/highlight.js/blob/11.9.0/src/styles/github-dark.css
     */

.wrapper_efa71a50b .hljs-doctag,.wrapper_efa71a50b .hljs-keyword,.wrapper_efa71a50b .hljs-meta .hljs-keyword,.wrapper_efa71a50b .hljs-template-tag,.wrapper_efa71a50b .hljs-template-variable,.wrapper_efa71a50b .hljs-type,.wrapper_efa71a50b .hljs-variable.language_ {
        color: light-dark(#d73a49, #ff7b72);
    }

.wrapper_efa71a50b .hljs-title,.wrapper_efa71a50b .hljs-title.class_,.wrapper_efa71a50b .hljs-title.class_.inherited__,.wrapper_efa71a50b .hljs-title.function_ {
        color: light-dark(#6f42c1, #d2a8ff);
    }

.wrapper_efa71a50b .hljs-attr,.wrapper_efa71a50b .hljs-attribute,.wrapper_efa71a50b .hljs-literal,.wrapper_efa71a50b .hljs-meta,.wrapper_efa71a50b .hljs-number,.wrapper_efa71a50b .hljs-operator,.wrapper_efa71a50b .hljs-variable,.wrapper_efa71a50b .hljs-selector-attr,.wrapper_efa71a50b .hljs-selector-class,.wrapper_efa71a50b .hljs-selector-id {
        color: light-dark(#005cc5, #79c0ff);
    }

.wrapper_efa71a50b .hljs-regexp,.wrapper_efa71a50b .hljs-string,.wrapper_efa71a50b .hljs-meta .hljs-string {
        color: light-dark(#032f62, #a5d6ff);
    }

.wrapper_efa71a50b .hljs-built_in,.wrapper_efa71a50b .hljs-symbol {
        color: light-dark(#e36209, #ffa657);
    }

.wrapper_efa71a50b .hljs-comment,.wrapper_efa71a50b .hljs-code,.wrapper_efa71a50b .hljs-formula {
        color: light-dark(#6a737d, #8b949e);
    }

.wrapper_efa71a50b .hljs-name,.wrapper_efa71a50b .hljs-quote,.wrapper_efa71a50b .hljs-selector-tag,.wrapper_efa71a50b .hljs-selector-pseudo {
        color: light-dark(#22863a, #7ee787);
    }

.wrapper_efa71a50b .hljs-subst {
        color: light-dark(#24292e, #c9d1d9);
    }

.wrapper_efa71a50b .hljs-section {
        color: light-dark(#005cc5, #1f6feb);
        font-weight: bold
    }

.wrapper_efa71a50b .hljs-bullet {
        color: light-dark(#735c0f, #f2cc60);
    }

.wrapper_efa71a50b .hljs-emphasis {
        color: light-dark(#24292e, #c9d1d9);
        font-style: italic
    }

.wrapper_efa71a50b .hljs-strong {
        color: light-dark(#24292e, #c9d1d9);
        font-weight: bold
    }

.wrapper_efa71a50b .hljs-addition {
        color: light-dark(#22863a, #aff5b4);
        background-color: light-dark(#f0fff4, #033a16);
    }

.wrapper_efa71a50b .hljs-deletion {
        color: light-dark(#b31d28, #ffdcd7);
        background-color: light-dark(#ffeef0, #67060c);
    }

}

/* tooltip.css */
@layer components {

.tooltip_e0e38834d {
    width: max-content;
    max-width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    background: #3a3c47;
    color: white;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-wrap: auto;
    padding: var(--space-2xs) var(--space-xs);
    border-radius: var(--space-3xs);
    z-index: 2;
}

.tooltip_e0e38834d strong.e0e38834d {
        color: unset;
    }

.anchor_e0e38834d {
    display: none;
}

}

/* row.css */
@layer components {

.row_ea089baf0 {
    --bg-color: light-dark(var(--grey200), #242422);
    --hover-bg-color: light-dark(hsl(217, 37%, 98%), hsl(204, 3%, 11%));
    --fg-color: light-dark(var(--grey700), #ccc);
    --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);

    display: flex;
    align-items: center;
    position: relative;
    font-size: 18px;
    padding: var(--space-s) var(--space-m);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    transition: all var(--transition-slow);
}

.row_ea089baf0:hover,.row_ea089baf0.focused_ea089baf0 {
        background-color: var(--hover-bg-color);
        transition: all var(--transition-instant);
    }

.row_ea089baf0.focused_ea089baf0 {
        box-shadow: 0 0 0 3px var(--yellow500), var(--shadow);
    }

.row_ea089baf0.latest_ea089baf0 {
        --bg-color: light-dark(hsl(109, 75%, 87%), hsl(136, 67%, 11%));
        --hover-bg-color: light-dark(hsl(109, 75%, 97%), hsl(109, 10%, 11%));
        --fg-color: light-dark(hsl(136, 67%, 38%), hsl(109, 75%, 87%));
    }

.row_ea089baf0.prerelease_ea089baf0 {
        --bg-color: light-dark(hsl(39, 100%, 91%), hsl(39, 71%, 15%));
        --hover-bg-color: light-dark(hsl(39, 100%, 97%), hsl(39, 10%, 11%));
        --fg-color: light-dark(hsl(39, 71%, 45%), hsl(39, 100%, 91%));
    }

.row_ea089baf0.yanked_ea089baf0 {
        --bg-color: light-dark(hsl(0, 92%, 90%), hsl(0, 84%, 12%));
        --hover-bg-color: light-dark(hsl(0, 92%, 98%), hsl(0, 10%, 11%));
        --fg-color: light-dark(hsl(0, 84%, 32%), hsl(0, 92%, 90%));
    }

.release-track_ea089baf0, .date_ea089baf0, .num-features_ea089baf0 {
    z-index: 1;
    cursor: help;
}

.date_ea089baf0, .num-features_ea089baf0 {
    position: relative;
}

.version_ea089baf0 {
    display: grid;
    grid-template-columns: auto auto;
    place-items: center;
}

@media only screen and (max-width: 550px) {

.version_ea089baf0 {
        grid-template-columns: auto;
        margin: 0 var(--space-s);
}
    }

.release-track_ea089baf0 {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: var(--space-xl);
    height: var(--space-xl);
    overflow: hidden;
    margin-right: var(--space-s);
    font-weight: 500;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    color: var(--fg-color);
    background-color: var(--bg-color);
    border: 1px solid light-dark(white, #808080);
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.release-track_ea089baf0  > svg {
        height: 1em;
        width: auto;
    }

.row_ea089baf0:hover .release-track_ea089baf0,.row_ea089baf0.focused_ea089baf0 .release-track_ea089baf0 {
        border: var(--space-4xs) solid light-dark(white, #bfbfbf);
        box-shadow: 0 1px 3px light-dark(var(--fg-color), #232321);
    }

@media only screen and (max-width: 550px) {

.release-track_ea089baf0 {
        margin: 0 0 var(--space-s);
}
    }

.rt-latest_ea089baf0 {
    color: hsl(136, 67%, 38%);
}

.rt-prerelease_ea089baf0 {
    color: hsl(35, 95%, 59%);
}

.rt-yanked_ea089baf0 {
    color: hsl(0, 87%, 58%);
}

.rt-tooltip_ea089baf0 {
    word-break: break-all;
}

.num-link_ea089baf0 {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--fg-color);
    font-weight: 500;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    outline: none;
}

.num-link_ea089baf0:hover {
        color: var(--fg-color);
    }

.num-link_ea089baf0::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

.metadata_ea089baf0 {
    flex-grow: 1;
    margin-left: var(--space-m);
    color: light-dark(var(--grey600), #d1cfc7);
    text-transform: uppercase;
    letter-spacing: .7px;
    font-size: 13px;
}

.metadata_ea089baf0 a {
        position: relative;
        color: inherit;
    }

:is(.metadata_ea089baf0 a):hover {
            color: light-dark(var(--grey900), #f5f3e9);
        }

:is(.metadata_ea089baf0 a):focus-visible {
            outline: none;
            color: var(--yellow500);
        }

.metadata_ea089baf0 svg {
        height: 1em;
        width: auto;
        margin-right: var(--space-4xs);
        margin-bottom: -.1em;
    }

.metadata_ea089baf0  > * + * {
        margin-top: var(--space-2xs);
    }

@media only screen and (max-width: 750px) {

.metadata_ea089baf0  > * + * {
            margin-top: var(--space-xs);
    }
        }

.avatar_ea089baf0 {
    height: 1.5em;
    width: auto;
    margin-left: var(--space-4xs);
    margin-bottom: -.4em;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 var(--grey600);
    padding: 1px;
}

.metadata-row_ea089baf0  > * + * {
        margin-left: var(--space-s);
    }

@media only screen and (max-width: 750px) {

.metadata-row_ea089baf0 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
}

        .metadata-row_ea089baf0  > * + * {
            margin-left: 0;
            margin-top: var(--space-xs);
        }
    }

.date_ea089baf0.new_ea089baf0, .tooltip_ea089baf0 .new_ea089baf0 {
    color: hsl(39, 98%, 47%);
}

.msrv_ea089baf0 {
    text-transform: initial;
}

:is(.msrv_ea089baf0,.edition_ea089baf0) svg {
        /* this makes the text look a little more aligned with the icon... 🤷 */
        margin-bottom: -0.15em;
    }

.bytes_ea089baf0 {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    text-transform: none;
}

.feature-list_ea089baf0 {
    padding: 0;
    margin: var(--space-2xs) var(--space-3xs);
    list-style: none;
}

.feature-list_ea089baf0 svg {
        height: 1em;
        width: auto;
        margin-right: var(--space-4xs);
        margin-bottom: -.1em;
    }

.other-features_ea089baf0 {
    font-style: italic;
    margin-top: var(--space-2xs);
}

.actions_ea089baf0 {
    display: flex;
}

.dropdown_ea089baf0 {
    display: flex;
    font-size: initial;
    line-height: 1rem;
}

.icon_ea089baf0 {
    width: 2em;
    height: auto;
}

.trigger_ea089baf0 {
    background: none;
    border: none;
    padding: 0;
    border-radius: 99999px;
    color: var(--grey600);
}

.trigger_ea089baf0 :hover {
        border-radius: 99999px;
        color: var(--grey900);
        background-color: white;
    }

.menu_ea089baf0 {
    top: 100%;
    right: 0;
    min-width: max-content;
}

.menu-button_ea089baf0 {
    align-items: center;
    gap: var(--space-2xs);
    cursor: pointer;
    text-transform: capitalize;

    /* This duplicates the styles in .button[disabled] as there's no
     * obvious way to compose them, given the target selectors. */
}

.menu-button_ea089baf0[disabled] {
        background: linear-gradient(to bottom, var(--bg-color-top-light) 0%, var(--bg-color-bottom-light) 100%);
        color: var(--disabled-text-color) !important;
        cursor: not-allowed;
    }

}

:root {
  --ecn-container-position: 10px;
  --ecn-container-width: 80%;
  --ecn-container-max-with: 400px;

  --ecn-icon-width: 30px;
  --ecn-icon-position: 10px;
  --ecn-icon-color: rgba(255, 255, 255, 0.74);
  --ecn-icon-lighten-background: rgba(255, 255, 255, 0.2);
  --ecn-countdown-lighten-background: rgba(255, 255, 255, 0.4);
  --ecn-notification-max-height: 800px;
  --ecn-notification-border-radius: 3px;

  /* Colours */
  --ecn-green: #64ce83;
  --ecn-blue: #3ea2ff;
  --ecn-orange: #ff7f48;
  --ecn-red: #e74c3c;

  /* Spacing */
  --ecn-spacing-1: .5rem;
  --ecn-spacing-2: 1rem;
}

/* Base */
.ember-cli-notifications-notification__container {
  position: fixed;
  margin: 0 auto;
  width: var(--ecn-container-width);
  max-width: var(--ecn-container-max-with);
}

/* Position */
.ember-cli-notifications-notification__container--top {
  top: var(--ecn-container-position);
  right: 0;
  left: 0;
}

.ember-cli-notifications-notification__container--top-left {
  top: var(--ecn-container-position);
  right: auto;
  left: var(--ecn-container-position);
}

.ember-cli-notifications-notification__container--top-right {
  top: var(--ecn-container-position);
  right: var(--ecn-container-position);
  left: auto;
}

.ember-cli-notifications-notification__container--bottom {
  right: 0;
  bottom: var(--ecn-container-position);
  left: 0;
}

.ember-cli-notifications-notification__container--bottom-left {
  right: auto;
  bottom: var(--ecn-container-position);
  left: var(--ecn-container-position);
}

.ember-cli-notifications-notification__container--bottom-right {
  right: var(--ecn-container-position);
  bottom: var(--ecn-container-position);
  left: auto;
}

/* Values */
.ember-cli-notifications-notification__container .c-notification {
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  border-radius: var(--ecn-notification-border-radius);
  border-bottom: 1rem;
  color: white;
  max-height: var(--ecn-notification-max-height);
  animation: notification-hide 250ms cubic-bezier(.33859, -.42, 1, -.22), notification-shrink 250ms 250ms cubic-bezier(.5, 0, 0, 1);
  animation-fill-mode: forwards;
  margin-bottom: var(--ecn-spacing-2);
}

.ember-cli-notifications-notification__container .c-notification--clickable {
  cursor: pointer;
}

.ember-cli-notifications-notification__container .c-notification--in {
  animation: notification-show 180ms cubic-bezier(.175, .885, .32, 1.27499);
}

.ember-cli-notifications-notification__container .c-notification__content {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  justify-content: space-between;
  padding: var(--ecn-spacing-1) var(--ecn-spacing-2);
  word-break: break-word;
}

.ember-cli-notifications-notification__container .c-notification__content a {
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.ember-cli-notifications-notification__container .c-notification__icon {
  padding: var(--ecn-spacing-1) 0;
  text-align: center;
  flex: none;
  background-color: var(--ecn-icon-lighten-background);
  width: var(--ecn-icon-width);
  color: var(--ecn-icon-color);
}

.ember-cli-notifications-notification__container .c-notification__svg {
  width: 16px;
  height: 16px;
  vertical-align: text-top;
}

.ember-cli-notifications-notification__container .c-notification__close {
  margin-left: var(--ecn-spacing-2);
  align-self: flex-start;
  opacity: .74;
  cursor: pointer;
}

.ember-cli-notifications-notification__container .c-notification__close:hover,
.ember-cli-notifications-notification__container .c-notification__close:focus {
  opacity: 1;
}

.ember-cli-notifications-notification__container .c-notification__countdown {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--ecn-countdown-lighten-background);
  width: 0;
  height: 4px;
  animation: notification-countdown linear 1;
}

/* Theme */
.ember-cli-notifications-notification__container .c-notification--info {
  background-color: var(--ecn-blue);
}

.ember-cli-notifications-notification__container .c-notification--success {
  background-color: var(--ecn-green);
}

.ember-cli-notifications-notification__container .c-notification--warning {
  background-color: var(--ecn-orange);
}

.ember-cli-notifications-notification__container .c-notification--error {
  background-color: var(--ecn-red);
}

/* Keyframes */
@keyframes notification-show {
  0% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px) rotateX(90deg);
  }

  100% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0) rotateX(0deg);
  }
}

@keyframes notification-shrink {
  0% {
    opacity: 0;
    max-height: var(--ecn-notification-max-height);
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    max-height: 0;
    transform: scale(.8);
  }
}

@keyframes notification-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.8);
  }
}

@keyframes notification-countdown {
  0% {
    width: 100%;
  }

  100% {
    width: 0%;
  }
}

/* application.css */
@layer components {

.main_e79536261 {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    background-color: var(--main-bg);
    color: var(--main-color);
    box-shadow: 0 0 6px 0 var(--main-shadow-color);
}

.inner-main_e79536261 {
    --main-layout-padding: var(--space-s);

    display: flex;
    flex-direction: column;
    padding: var(--main-layout-padding);
}

}

/* catch-all.css */
@layer components {

.wrapper_e69e2a4e0 {
    height: 100%;
    display: grid;
    place-items: center;
}

.content_e69e2a4e0 {
    display: grid;
    place-items: center;
    margin: var(--space-m) 0;
}

.logo_e69e2a4e0 {
    max-width: 200px;
}

.link_e69e2a4e0 {
    font-weight: 500;
}

.link_e69e2a4e0[disabled] {
        color: var(--grey600);
        cursor: wait;
    }

}

/* categories.css */
@layer components {

/* Styles for the /categories page */

.results-meta_e06442a7c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_e06442a7c {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}

.list_e06442a7c  > * {
        padding: var(--space-s);
    }

.list_e06442a7c  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
    }

.description_e06442a7c {
    margin-top: var(--space-2xs);
    line-height: 1.5;
}

.categories-footer_e06442a7c {
	width: 100%;
	margin: var(--space-2xs) 0;
	text-align: center;
	font-size: 85%;
}

}

/* index.css */
@layer components {

.header_e5cfc8324 {
    display: flex;
    align-items: center;
}

.header_e5cfc8324 h1.e5cfc8324 {
        margin: 0;
    }

.subcategories_e5cfc8324 {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}

.subcategories_e5cfc8324  > * {
        padding: var(--space-s);
    }

.subcategories_e5cfc8324  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
    }

.category-description_e5cfc8324 {
    margin-top: var(--space-2xs);
}

.results-meta_e5cfc8324 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_e5cfc8324 {
    margin-bottom: var(--space-s);
}

}

/* delete.css */
@layer components {

.wrapper_ea1037ad3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    margin: var(--space-s);
}

.content_ea1037ad3 {
    max-width: 100%;
    overflow-wrap: break-word;
}

.title_ea1037ad3 {
    margin-top: 0;
}

.warning_ea1037ad3, .confirmation_ea1037ad3 {
    background: light-dark(var(--yellow100), var(--yellow800));
    border-color: var(--yellow500);
    border-left-style: solid;
    border-left-width: 4px;
    border-top-right-radius: var(--space-3xs);
    border-bottom-right-radius: var(--space-3xs);
    padding: var(--space-xs);
}

.warning_ea1037ad3 {
    display: flex;
}

.warning_ea1037ad3 svg {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        color: var(--yellow500);
    }

.warning_ea1037ad3 p {
        margin: 0 0 0 var(--space-xs);
        text-wrap: pretty;
    }

:is(.impact_ea1037ad3,.requirements_ea1037ad3) li {
        margin-bottom: var(--space-2xs);
    }

@counter-style sub {
    system: extends lower-alpha;
    prefix: '(';
    suffix: ') ';
}

.requirements_ea1037ad3 .or_ea1037ad3 {
        padding-left: 3.5em;
        padding-bottom: 0.3em;
        font-weight: bold;
        font-feature-settings: "smcp";
        font-variant: small-caps;
    }

.requirements_ea1037ad3 .first_ea1037ad3 {
        margin-bottom: 0.5em;
    }

.requirements_ea1037ad3 .second_ea1037ad3 {
        margin-top: 0.5em;
    }

.requirements_ea1037ad3 ol ol {
        list-style-type: sub;
        padding-left: 1.5em;
    }

.reason_ea1037ad3 {
    margin-bottom: var(--space-m);
}

.reason-input_ea1037ad3 {
    width: 100%;
}

.confirmation_ea1037ad3 {
    display: block;
}

.confirmation_ea1037ad3 input {
        margin-right: var(--space-3xs);
    }

.actions_ea1037ad3 {
    margin-top: var(--space-m);
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-wrapper_ea1037ad3 {
    position: relative;
}

.spinner_ea1037ad3 {
    position: absolute;
    --spinner-size: 1.5em;
    top: calc(-.5 * var(--spinner-size));
    margin-left: var(--space-xs);
}

}

/* rebuild-docs.css */
@layer components {

.content_ebcf63a69 {
    max-width: 600px;
    margin: var(--space-xl) auto;
}

.content_ebcf63a69 h1.ebcf63a69 {
        margin-top: 0;
    }

.crate-info_ebcf63a69 {
    background-color: light-dark(var(--orange-50), var(--orange-900));
    border-radius: 8px;
    padding: var(--space-m);
    margin: var(--space-m) 0;
    border: 1px solid light-dark(var(--orange-200), var(--orange-600));
}

.crate-info_ebcf63a69 h2.ebcf63a69 {
        margin: 0 0 var(--space-s);
    }

.info-row_ebcf63a69 {
    margin-top: var(--space-xs);
}

.description_ebcf63a69 {
    margin: var(--space-m) 0;
}

.actions_ebcf63a69 {
    margin-top: var(--space-m);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
}

}

/* reverse-dependencies.css */
@layer components {

.results-meta_e8ff2e9f9 {
    margin-bottom: var(--space-s);
}

.list_e8ff2e9f9 {
    list-style: none;
    margin: 0 0 var(--space-s);
    padding: 0;
}

.list_e8ff2e9f9  > * + * {
        margin-top: var(--space-2xs);
    }

.no-results_e8ff2e9f9 {
    text-align: center;
    margin: var(--space-m) 0;
}

}

/* index.css */
@layer components {

.header_e6cb948ec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-s);
    margin: var(--space-m) 0;
}

.header_e6cb948ec  > h2.e6cb948ec {
        margin: 0;
    }

.email-form_e6cb948ec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-s);
    padding: var(--space-s) var(--space-m);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}

.email-input-label_e6cb948ec {
    font-weight: bold;
}

.email-input_e6cb948ec {
    width: 400px;
}

.list_e6cb948ec {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
}

.list_e6cb948ec  > * {
        padding: var(--space-s) var(--space-m);
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

.list_e6cb948ec  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
    }

.trustpub_e6cb948ec {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
}

.trustpub_e6cb948ec tbody > tr > td {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
    }

.trustpub_e6cb948ec th,.trustpub_e6cb948ec td {
        text-align: left;
        padding: var(--space-s) var(--space-m);
    }

.trustpub_e6cb948ec .details_e6cb948ec {
        font-size: 0.85em;
        line-height: 1.5;
    }

.trustpub_e6cb948ec .actions_e6cb948ec {
        text-align: right;
    }

@media only screen and (max-width: 550px) {
        .trustpub_e6cb948ec thead.e6cb948ec {
            display: none;
        }

        .trustpub_e6cb948ec tbody.e6cb948ec > tr.e6cb948ec > td.e6cb948ec:first-child {
            padding-bottom: 0;
        }

        .trustpub_e6cb948ec tbody.e6cb948ec > tr.e6cb948ec:not(:first-child) > td.e6cb948ec:first-child {
            border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
        }

        .trustpub_e6cb948ec tbody.e6cb948ec > tr.e6cb948ec > td.e6cb948ec {
            border: none;
        }

        .trustpub_e6cb948ec td.e6cb948ec {
            display: block;
            width: 100%;
        }

        .trustpub_e6cb948ec .details_e6cb948ec {
            padding-bottom: 0;
        }

        .trustpub_e6cb948ec .actions_e6cb948ec {
            text-align: left;
        }
    }

.email-column_e6cb948ec {
    width: 25%;
    color: var(--main-color-light);
}

}

/* new-trusted-publisher.css */
@layer components {

.form_e57e46513 {
    max-width: 600px;
    margin: var(--space-m) auto;
}

.form-group_e57e46513, .buttons_e57e46513 {
    margin: var(--space-m) 0;
}

.publisher-select_e57e46513 {
    max-width: 600px;
    width: 100%;
    padding-right: var(--space-m);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjI0NyAxMS4xNCAyLjQ1MSA1LjY1OEMxLjg4NSA1LjAxMyAyLjM0NSA0IDMuMjA0IDRoOS41OTJhMSAxIDAgMCAxIC43NTMgMS42NTlsLTQuNzk2IDUuNDhhMSAxIDAgMCAxLTEuNTA2IDB6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: calc(100% - var(--space-2xs)) center;
    background-size: 10px;
    appearance: none;
}

.note_e57e46513 {
    margin-top: var(--space-2xs);
    font-size: 0.85em;
}

.input_e57e46513 {
    max-width: 600px;
    width: 100%;
}

.buttons_e57e46513 {
    display: flex;
    gap: var(--space-2xs);
    flex-wrap: wrap;
}

.add-button_e57e46513 {
    border-radius: 4px;
}

.add-button_e57e46513 .spinner_e57e46513 {
        margin-left: var(--space-2xs);
    }

.cancel-button_e57e46513 {
    border-radius: 4px;
}

}

/* version.css */
@layer components {


    @media only screen and (min-width: 890px) {

.crate-info_ea66d4641 {
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
}
    }

.docs_ea66d4641 {
    --shadow: 0 2px 3px light-dark(hsla(51, 50%, 44%, .35), #232321);

    margin-bottom: var(--space-l);
    padding: var(--space-m) var(--space-l);
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
}

@media only screen and (max-width: 550px) {

.docs_ea66d4641 {
        margin-left: calc(var(--main-layout-padding) * -1);
        margin-right: calc(var(--main-layout-padding) * -1);
        border-radius: 0;
}
    }

@media only screen and (min-width: 890px) {

.docs_ea66d4641 {
        margin-bottom: 0;
}
    }

.no-readme_ea66d4641, .readme-error_ea66d4641 {
    padding: var(--space-l) var(--space-s);
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    overflow-wrap: break-word;
    line-height: 1.5;
}

:is(.no-readme_ea66d4641,.readme-error_ea66d4641) code.ea66d4641 {
        font-size: 18px;
        font-weight: 500;
    }

.retry-button_ea66d4641 {
    display: block;
    text-align: center;
    margin: var(--space-s) auto 0;
}

.placeholder-title_ea66d4641 {
    width: 30%;
    height: 25px;
    margin: var(--space-s) 0 var(--space-m);
    border-radius: var(--space-3xs);
    opacity: 0.6;
}

.placeholder-subtitle_ea66d4641 {
    width: 50%;
    height: 20px;
    margin: var(--space-l) 0 var(--space-m);
    border-radius: var(--space-3xs);
    opacity: 0.6;
}

.placeholder-text_ea66d4641 {
    width: 100%;
    height: 16px;
    margin-top: var(--space-xs);
    border-radius: var(--space-3xs);
    opacity: 0.3;
}

@media only screen and (min-width: 890px) {

.sidebar_ea66d4641 {
        margin-top: var(--space-m);
        margin-left: var(--space-m);
}
    }

.crate-downloads_ea66d4641 {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--space-l);
    border-top: 5px solid var(--gray-border);
}

.crate-downloads_ea66d4641 h3.ea66d4641 { width: 100%; }

.stats_ea66d4641 {
    flex-grow: 7;
    display: flex;
    flex-wrap: wrap;
}

.stat_ea66d4641 {
    border-left: 1px solid var(--gray-border);
    padding: var(--space-s) var(--space-m);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-grow: 1;
}

.stat_ea66d4641 .num_ea66d4641 {
        font-size: 160%;
        font-weight: bold;
        margin-bottom: var(--space-3xs);
    }

.stat_ea66d4641 .num__align_ea66d4641 {
        position: relative;
        bottom: 0.4rem;
    }

.graph_ea66d4641 {
    flex-grow: 10;
    width: 100%;
    margin: var(--space-xs) 0 var(--space-m);
}

.graph_ea66d4641 h4.ea66d4641 {
        color: var(--main-color-light);
        float: left;
    }

@media only percy {

.graph_ea66d4641 {
        display: none;
}
    }

.graph-data_ea66d4641 {
    clear: both;
}

.toggle-stacked_ea66d4641 {
    float: right;
    margin-top: calc(1.33em - 10px);
    margin-bottom: calc(1.33em - 10px);
}

.toggle-stacked_ea66d4641 .trigger_ea66d4641 {
        background-color: var(--main-bg-dark);
        font-size: 85%;
        padding: 10px;
        border: none;
        border-radius: 5px;
    }

:is(.toggle-stacked_ea66d4641 .trigger_ea66d4641) .trigger-label_ea66d4641 {
            min-width: 65px;
        }

.toggle-stacked_ea66d4641 .dropdown-button_ea66d4641 {
        background: none;
        border: 0;
    }

/* alerts */
.markdown-alert {
    --fg-color-note: #4494f8;
    --fg-color-tip: #3fb950;
    --fg-color-important: #ab7df8;
    --fg-color-warning: #d29922;
    --fg-color-caution: #f85149;

    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    color: inherit;
    border-left: .25em solid var(--gray-border);
}
.markdown-alert > :first-child {
        margin-top: 0;
    }
.markdown-alert > :last-child {
        margin-bottom: 0;
    }
.markdown-alert .markdown-alert-title {
        display: flex;
        font-weight: 500;
        align-items: center;
        line-height: 1;
    }
.markdown-alert > .markdown-alert-title::before {
        content: '';
        margin-right: .5rem;
        background-color: var(--gray-border);
        width: 1em;
        height: 1em;
    }
.markdown-alert.markdown-alert-note {
        border-left-color: var(--fg-color-note);
    }
.markdown-alert.markdown-alert-note > .markdown-alert-title {
            color: var(--fg-color-note);
        }
:is(.markdown-alert.markdown-alert-note > .markdown-alert-title):before {
                -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWluZm8gbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMCA4YTggOCAwIDEgMSAxNiAwQTggOCAwIDAgMSAwIDhabTgtNi41YTYuNSA2LjUgMCAxIDAgMCAxMyA2LjUgNi41IDAgMCAwIDAtMTNaTTYuNSA3Ljc1QS43NS43NSAwIDAgMSA3LjI1IDdoMWEuNzUuNzUgMCAwIDEgLjc1Ljc1djIuNzVoLjI1YS43NS43NSAwIDAgMSAwIDEuNWgtMmEuNzUuNzUgMCAwIDEgMC0xLjVoLjI1di0yaC0uMjVhLjc1Ljc1IDAgMCAxLS43NS0uNzVaTTggNmExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJaIj48L3BhdGg+Cjwvc3ZnPgo=);
                        mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWluZm8gbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMCA4YTggOCAwIDEgMSAxNiAwQTggOCAwIDAgMSAwIDhabTgtNi41YTYuNSA2LjUgMCAxIDAgMCAxMyA2LjUgNi41IDAgMCAwIDAtMTNaTTYuNSA3Ljc1QS43NS43NSAwIDAgMSA3LjI1IDdoMWEuNzUuNzUgMCAwIDEgLjc1Ljc1djIuNzVoLjI1YS43NS43NSAwIDAgMSAwIDEuNWgtMmEuNzUuNzUgMCAwIDEgMC0xLjVoLjI1di0yaC0uMjVhLjc1Ljc1IDAgMCAxLS43NS0uNzVaTTggNmExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJaIj48L3BhdGg+Cjwvc3ZnPgo=);
                background-color: var(--fg-color-note);
            }
.markdown-alert.markdown-alert-tip {
        border-left-color: var(--fg-color-tip);
    }
.markdown-alert.markdown-alert-tip > .markdown-alert-title {
            color: var(--fg-color-tip);
        }
:is(.markdown-alert.markdown-alert-tip > .markdown-alert-title):before {
                -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWxpZ2h0LWJ1bGIgbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNOCAxLjVjLTIuMzYzIDAtNCAxLjY5LTQgMy43NSAwIC45ODQuNDI0IDEuNjI1Ljk4NCAyLjMwNGwuMjE0LjI1M2MuMjIzLjI2NC40Ny41NTYuNjczLjg0OC4yODQuNDExLjUzNy44OTYuNjIxIDEuNDlhLjc1Ljc1IDAgMCAxLTEuNDg0LjIxMWMtLjA0LS4yODItLjE2My0uNTQ3LS4zNy0uODQ3YTguNDU2IDguNDU2IDAgMCAwLS41NDItLjY4Yy0uMDg0LS4xLS4xNzMtLjIwNS0uMjY4LS4zMkMzLjIwMSA3Ljc1IDIuNSA2Ljc2NiAyLjUgNS4yNSAyLjUgMi4zMSA0Ljg2MyAwIDggMHM1LjUgMi4zMSA1LjUgNS4yNWMwIDEuNTE2LS43MDEgMi41LTEuMzI4IDMuMjU5LS4wOTUuMTE1LS4xODQuMjItLjI2OC4zMTktLjIwNy4yNDUtLjM4My40NTMtLjU0MS42ODEtLjIwOC4zLS4zMy41NjUtLjM3Ljg0N2EuNzUxLjc1MSAwIDAgMS0xLjQ4NS0uMjEyYy4wODQtLjU5My4zMzctMS4wNzguNjIxLTEuNDg5LjIwMy0uMjkyLjQ1LS41ODQuNjczLS44NDguMDc1LS4wODguMTQ3LS4xNzMuMjEzLS4yNTMuNTYxLS42NzkuOTg1LTEuMzIuOTg1LTIuMzA0IDAtMi4wNi0xLjYzNy0zLjc1LTQtMy43NVpNNS43NSAxMmg0LjVhLjc1Ljc1IDAgMCAxIDAgMS41aC00LjVhLjc1Ljc1IDAgMCAxIDAtMS41Wk02IDE1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1aDIuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTIuNWEuNzUuNzUgMCAwIDEtLjc1LS43NVoiPjwvcGF0aD4KPC9zdmc+Cg==);
                        mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWxpZ2h0LWJ1bGIgbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNOCAxLjVjLTIuMzYzIDAtNCAxLjY5LTQgMy43NSAwIC45ODQuNDI0IDEuNjI1Ljk4NCAyLjMwNGwuMjE0LjI1M2MuMjIzLjI2NC40Ny41NTYuNjczLjg0OC4yODQuNDExLjUzNy44OTYuNjIxIDEuNDlhLjc1Ljc1IDAgMCAxLTEuNDg0LjIxMWMtLjA0LS4yODItLjE2My0uNTQ3LS4zNy0uODQ3YTguNDU2IDguNDU2IDAgMCAwLS41NDItLjY4Yy0uMDg0LS4xLS4xNzMtLjIwNS0uMjY4LS4zMkMzLjIwMSA3Ljc1IDIuNSA2Ljc2NiAyLjUgNS4yNSAyLjUgMi4zMSA0Ljg2MyAwIDggMHM1LjUgMi4zMSA1LjUgNS4yNWMwIDEuNTE2LS43MDEgMi41LTEuMzI4IDMuMjU5LS4wOTUuMTE1LS4xODQuMjItLjI2OC4zMTktLjIwNy4yNDUtLjM4My40NTMtLjU0MS42ODEtLjIwOC4zLS4zMy41NjUtLjM3Ljg0N2EuNzUxLjc1MSAwIDAgMS0xLjQ4NS0uMjEyYy4wODQtLjU5My4zMzctMS4wNzguNjIxLTEuNDg5LjIwMy0uMjkyLjQ1LS41ODQuNjczLS44NDguMDc1LS4wODguMTQ3LS4xNzMuMjEzLS4yNTMuNTYxLS42NzkuOTg1LTEuMzIuOTg1LTIuMzA0IDAtMi4wNi0xLjYzNy0zLjc1LTQtMy43NVpNNS43NSAxMmg0LjVhLjc1Ljc1IDAgMCAxIDAgMS41aC00LjVhLjc1Ljc1IDAgMCAxIDAtMS41Wk02IDE1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1aDIuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTIuNWEuNzUuNzUgMCAwIDEtLjc1LS43NVoiPjwvcGF0aD4KPC9zdmc+Cg==);
                background-color: var(--fg-color-tip);
            }
.markdown-alert.markdown-alert-important {
        border-left-color: var(--fg-color-important);
    }
.markdown-alert.markdown-alert-important > .markdown-alert-title {
            color: var(--fg-color-important);
        }
:is(.markdown-alert.markdown-alert-important > .markdown-alert-title):before {
                -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLXJlcG9ydCBtci0yIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBhcmlhLWhpZGRlbj0idHJ1ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDEuNzVDMCAuNzg0Ljc4NCAwIDEuNzUgMGgxMi41QzE1LjIxNiAwIDE2IC43ODQgMTYgMS43NXY5LjVBMS43NSAxLjc1IDAgMCAxIDE0LjI1IDEzSDguMDZsLTIuNTczIDIuNTczQTEuNDU4IDEuNDU4IDAgMCAxIDMgMTQuNTQzVjEzSDEuNzVBMS43NSAxLjc1IDAgMCAxIDAgMTEuMjVabTEuNzUtLjI1YS4yNS4yNSAwIDAgMC0uMjUuMjV2OS41YzAgLjEzOC4xMTIuMjUuMjUuMjVoMmEuNzUuNzUgMCAwIDEgLjc1Ljc1djIuMTlsMi43Mi0yLjcyYS43NDkuNzQ5IDAgMCAxIC41My0uMjJoNi41YS4yNS4yNSAwIDAgMCAuMjUtLjI1di05LjVhLjI1LjI1IDAgMCAwLS4yNS0uMjVabTcgMi4yNXYyLjVhLjc1Ljc1IDAgMCAxLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMCAxIDEuNSAwWk05IDlhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWiI+PC9wYXRoPgo8L3N2Zz4K);
                        mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLXJlcG9ydCBtci0yIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBhcmlhLWhpZGRlbj0idHJ1ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDEuNzVDMCAuNzg0Ljc4NCAwIDEuNzUgMGgxMi41QzE1LjIxNiAwIDE2IC43ODQgMTYgMS43NXY5LjVBMS43NSAxLjc1IDAgMCAxIDE0LjI1IDEzSDguMDZsLTIuNTczIDIuNTczQTEuNDU4IDEuNDU4IDAgMCAxIDMgMTQuNTQzVjEzSDEuNzVBMS43NSAxLjc1IDAgMCAxIDAgMTEuMjVabTEuNzUtLjI1YS4yNS4yNSAwIDAgMC0uMjUuMjV2OS41YzAgLjEzOC4xMTIuMjUuMjUuMjVoMmEuNzUuNzUgMCAwIDEgLjc1Ljc1djIuMTlsMi43Mi0yLjcyYS43NDkuNzQ5IDAgMCAxIC41My0uMjJoNi41YS4yNS4yNSAwIDAgMCAuMjUtLjI1di05LjVhLjI1LjI1IDAgMCAwLS4yNS0uMjVabTcgMi4yNXYyLjVhLjc1Ljc1IDAgMCAxLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMCAxIDEuNSAwWk05IDlhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWiI+PC9wYXRoPgo8L3N2Zz4K);
                background-color: var(--fg-color-important);
            }
.markdown-alert.markdown-alert-warning {
        border-left-color: var(--fg-color-warning);
    }
.markdown-alert.markdown-alert-warning > .markdown-alert-title {
            color: var(--fg-color-warning);
        }
:is(.markdown-alert.markdown-alert-warning > .markdown-alert-title):before {
                -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWFsZXJ0IG1yLTIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGFyaWEtaGlkZGVuPSJ0cnVlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTYuNDU3IDEuMDQ3Yy42NTktMS4yMzQgMi40MjctMS4yMzQgMy4wODYgMGw2LjA4MiAxMS4zNzhBMS43NSAxLjc1IDAgMCAxIDE0LjA4MiAxNUgxLjkxOGExLjc1IDEuNzUgMCAwIDEtMS41NDMtMi41NzVabTEuNzYzLjcwN2EuMjUuMjUgMCAwIDAtLjQ0IDBMMS42OTggMTMuMTMyYS4yNS4yNSAwIDAgMCAuMjIuMzY4aDEyLjE2NGEuMjUuMjUgMCAwIDAgLjIyLS4zNjhabS41MyAzLjk5NnYyLjVhLjc1Ljc1IDAgMCAxLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMCAxIDEuNSAwWk05IDExYTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMFoiPjwvcGF0aD4KPC9zdmc+Cg==);
                        mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLWFsZXJ0IG1yLTIiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGFyaWEtaGlkZGVuPSJ0cnVlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTYuNDU3IDEuMDQ3Yy42NTktMS4yMzQgMi40MjctMS4yMzQgMy4wODYgMGw2LjA4MiAxMS4zNzhBMS43NSAxLjc1IDAgMCAxIDE0LjA4MiAxNUgxLjkxOGExLjc1IDEuNzUgMCAwIDEtMS41NDMtMi41NzVabTEuNzYzLjcwN2EuMjUuMjUgMCAwIDAtLjQ0IDBMMS42OTggMTMuMTMyYS4yNS4yNSAwIDAgMCAuMjIuMzY4aDEyLjE2NGEuMjUuMjUgMCAwIDAgLjIyLS4zNjhabS41MyAzLjk5NnYyLjVhLjc1Ljc1IDAgMCAxLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMCAxIDEuNSAwWk05IDExYTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMFoiPjwvcGF0aD4KPC9zdmc+Cg==);
                background-color: var(--fg-color-warning);
            }
.markdown-alert.markdown-alert-caution {
        border-left-color: var(--fg-color-caution);
    }
.markdown-alert.markdown-alert-caution > .markdown-alert-title {
            color: var(--fg-color-caution);
        }
:is(.markdown-alert.markdown-alert-caution > .markdown-alert-title):before {
                -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLXN0b3AgbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNNC40Ny4yMkEuNzQ5Ljc0OSAwIDAgMSA1IDBoNmMuMTk5IDAgLjM4OS4wNzkuNTMuMjJsNC4yNSA0LjI1Yy4xNDEuMTQuMjIuMzMxLjIyLjUzdjZhLjc0OS43NDkgMCAwIDEtLjIyLjUzbC00LjI1IDQuMjVBLjc0OS43NDkgMCAwIDEgMTEgMTZINWEuNzQ5Ljc0OSAwIDAgMS0uNTMtLjIyTC4yMiAxMS41M0EuNzQ5Ljc0OSAwIDAgMSAwIDExVjVjMC0uMTk5LjA3OS0uMzg5LjIyLS41M1ptLjg0IDEuMjhMMS41IDUuMzF2NS4zOGwzLjgxIDMuODFoNS4zOGwzLjgxLTMuODFWNS4zMUwxMC42OSAxLjVaTTggNGEuNzUuNzUgMCAwIDEgLjc1Ljc1djMuNWEuNzUuNzUgMCAwIDEtMS41IDB2LTMuNUEuNzUuNzUgMCAwIDEgOCA0Wm0wIDhhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyWiI+PC9wYXRoPgo8L3N2Zz4K);
                        mask: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2N0aWNvbiBvY3RpY29uLXN0b3AgbXItMiIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgYXJpYS1oaWRkZW49InRydWUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNNC40Ny4yMkEuNzQ5Ljc0OSAwIDAgMSA1IDBoNmMuMTk5IDAgLjM4OS4wNzkuNTMuMjJsNC4yNSA0LjI1Yy4xNDEuMTQuMjIuMzMxLjIyLjUzdjZhLjc0OS43NDkgMCAwIDEtLjIyLjUzbC00LjI1IDQuMjVBLjc0OS43NDkgMCAwIDEgMTEgMTZINWEuNzQ5Ljc0OSAwIDAgMS0uNTMtLjIyTC4yMiAxMS41M0EuNzQ5Ljc0OSAwIDAgMSAwIDExVjVjMC0uMTk5LjA3OS0uMzg5LjIyLS41M1ptLjg0IDEuMjhMMS41IDUuMzF2NS4zOGwzLjgxIDMuODFoNS4zOGwzLjgxLTMuODFWNS4zMUwxMC42OSAxLjVaTTggNGEuNzUuNzUgMCAwIDEgLjc1Ljc1djMuNWEuNzUuNzUgMCAwIDEtMS41IDB2LTMuNUEuNzUuNzUgMCAwIDEgOCA0Wm0wIDhhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyWiI+PC9wYXRoPgo8L3N2Zz4K);
                background-color: var(--fg-color-caution);
            }

}

/* versions.css */
@layer components {

.results-meta_e4c4a50b8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2xs);
}

@media only screen and (max-width: 550px) {

.results-meta_e4c4a50b8 {
        display: block;
}
    }

@media only screen and (max-width: 550px) {

.page-description_e4c4a50b8 {
        display: block;
        margin-bottom: var(--space-s);
}
    }

.page-description_e4c4a50b8.is-empty {
        visibility: hidden;
    }
.list_e4c4a50b8 {
    list-style: none;
    margin: var(--space-2xs) 0 var(--space-s);
    padding: 0;
}
.list_e4c4a50b8  > * + * {
        margin-top: var(--space-2xs);
    }
.list_e4c4a50b8.is-empty {
        min-height: calc(2 * var(--space-s) + var(--space-xl));
    }

.loading_e4c4a50b8 {
    margin: var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xs);
}

.loading_e4c4a50b8 .loading-spinner_e4c4a50b8 {
        --spinner-size: var(--space-xl);
    }

.load-more_e4c4a50b8 {
    --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);

    padding: 0 var(--space-m);
}

.load-more_e4c4a50b8 button.e4c4a50b8 {
        border-radius: var(--space-3xs);
        box-shadow: var(--shadow);
        cursor: pointer;
        position: relative;
    }

.load-more_e4c4a50b8 .loading-spinner_e4c4a50b8 {
        display: inline-flex;
        align-items: center;
        position: absolute;
        height: 100%;
        top: 0;
        margin-left: var(--space-2xs);
    }

}

/* version-dependencies.css */
@layer components {

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

.list_ef3e4361e  > * + * {
        margin-top: var(--space-2xs);
    }

.heading_ef3e4361e {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

}

/* crates.css */
@layer components {

.results-meta_ea3e16fcc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_ea3e16fcc {
    margin-bottom: var(--space-s);
}

}

/* dashboard.css */
@layer components {

.header_e5137423c {
    display: flex;
    align-items: center;
}

.header-icon_e5137423c {
    flex-shrink: 0;
    margin-right: var(--space-2xs);
    width: 32px;
    height: 32px;
}

.stats_e5137423c {
    margin-left: auto;
}

.stats_e5137423c .num_e5137423c {
        font-size: 30px;
        font-weight: bold;
    }

.stats_e5137423c .downloads_e5137423c {
        display: flex;
        align-items: center;
    }

.stats-label_e5137423c {
    margin-left: var(--space-2xs);
}

.my-info_e5137423c {
    display: flex;
    gap: var(--space-s);
}

.my-info_e5137423c h2 {
        display: flex;
        align-items: center;
        gap: var(--space-3xs);
        font-size: 1.05em;
        margin: 0;
    }

:is(.my-info_e5137423c h2)  > * {
            flex-shrink: 0;
        }

@media only screen and (max-width: 750px) {

.my-info_e5137423c {
        flex-direction: column;
}
    }

.my-crate-lists_e5137423c {
    flex-direction: column;
    flex-grow: 2;
}

.my-crate-lists_e5137423c .header_e5137423c {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.my-crate-lists_e5137423c  > ul {
        margin: var(--space-s) 0;
    }

@media only screen and (max-width: 750px) {

.my-crate-lists_e5137423c {
        order: 1;
}
    }

.my-crates-link_e5137423c,
.followed-crates-link_e5137423c {
    color: var(--main-color-light);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 90%;
    font-weight: normal;
}

:is(.my-crates-link_e5137423c,.followed-crates-link_e5137423c):hover {
        color: #6b6b6b;
    }

.my-feed_e5137423c {
    flex-grow: 5;
}

@media only screen and (max-width: 750px) {

.my-feed_e5137423c {
        order: 0;
}
    }

.feed_e5137423c {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin: var(--space-s) 0;
}

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

.feed-list_e5137423c  > * {
        display: flex;
        align-items: baseline;
        padding: var(--space-s);
    }

.feed-list_e5137423c  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
    }

.feed-date_e5137423c {
    flex-grow: 1;
    text-align: right;
}

.load-more_e5137423c {
    padding: var(--space-s);
    border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
}

}

/* index.css */
@layer components {

.hero-buttons_ea965244a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-s);
    border-bottom: 5px solid var(--gray-border);
    margin-top: var(--space-s);
    padding-bottom: var(--space-l);
}

.hero-button_ea965244a .icon_ea965244a {
        color: #c4890e;
    }

.blurb_ea965244a {
    margin: var(--space-l) var(--space-s);
    display: flex;
    gap: var(--space-l);
}

@media only screen and (max-width: 650px) {

.blurb_ea965244a {
        flex-direction: column;
        align-items: center;
}
    }

.intro_ea965244a {
    flex: 6;
    line-height: 1.5;
}

.stats_ea965244a {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.stats_ea965244a  > * + * {
        margin-top: var(--space-s);
    }

.lists_ea965244a {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-s);
    padding: 0 var(--space-s);
}

@media only screen and (max-width: 750px) {

.lists_ea965244a {
        grid-template-columns: 1fr 1fr;
}
    }

@media only screen and (max-width: 550px) {

.lists_ea965244a {
        grid-template-columns: 1fr;
}
    }

.lists_ea965244a h2.ea965244a {
        font-size: 1.05rem;
    }

:is(.lists_ea965244a h2.ea965244a) a:not(:hover) {
            color: var(--main-color);
        }

.list_ea965244a {
    list-style: none;
    padding: 0;
}

.list_ea965244a  > * + * {
        margin-top: var(--space-2xs);
    }

.error-message_ea965244a {
    line-height: 1.5;
}

.try-again-button_ea965244a {
    align-self: center;
    margin: var(--space-s) 0;
}

.try-again-button_ea965244a .spinner_ea965244a {
        margin-left: var(--space-2xs);
    }

}

/* keyword.css */
@layer components {

.results-meta_ef647763e {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_ef647763e {
    margin-bottom: var(--space-s);
}

}

/* keywords.css */
@layer components {

.results-meta_ec0702100 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_ec0702100 {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}

.list_ec0702100  > * {
        padding: var(--space-s);
    }

.list_ec0702100  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
    }

}

/* crates.css */
@layer components {

.results-meta_ef3226c25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_ef3226c25 {
    margin-bottom: var(--space-s);
}

}

/* following.css */
@layer components {

.results-meta_e7966919a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_e7966919a {
    margin-bottom: var(--space-s);
}

}

/* pending-invites.css */
@layer components {

.list_e0997c83d {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}
.list_e0997c83d  > * {
        padding: var(--space-s);
    }
.list_e0997c83d  > * + * {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
    }

}

/* search.css */
@layer components {

.results-meta_e567a14fe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.warning_e567a14fe {
    margin: 0 0 var(--space-s);
    padding: var(--space-2xs);
    color: var(--orange-700);
    background: var(--orange-100);
    border-left: solid var(--orange-400) var(--space-3xs);
    border-radius: var(--space-4xs);
}

.list_e567a14fe {
    margin-bottom: var(--space-s);
}

.try-again-button_e567a14fe {
    align-self: center;
    margin-top: var(--space-m);
}

}

/* email-notifications.css */
@layer components {

.me-email-notifications_e2d22519e {
    margin-bottom: var(--space-s);
    display: flex;
    flex-direction: column;
}

.me-email-notifications_e2d22519e .right_e2d22519e {
        flex: 2;
        display: flex;
        justify-content: flex-end;
        align-self: center;
    }

.notifications-list_e2d22519e {
    list-style: none;
    padding: 0;
    flex-grow: 1;
}

.notifications-row_e2d22519e {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-2xs);
}

.notifications-error_e2d22519e,
.notifications-success_e2d22519e {
    border-top-width: 0;
    font-weight: bold;
}

.notifications-error_e2d22519e {
    color: rgb(216, 0, 41);
}

.notifications-success_e2d22519e {
    color: green;
}

}

/* profile.css */
@layer components {

.me-profile_e64001482 {
    margin-bottom: var(--space-s);
}

.me-profile_e64001482 .info_e64001482 {
        display: flex;
    }

.me-profile_e64001482 dl.e64001482 {
        margin: 0 0 0 var(--space-m);
        line-height: 1.5;
        font-size: 110%;
    }

:is(.me-profile_e64001482 dl.e64001482) dt.e64001482 {
            font-weight: bold;
            width: 150px;
            text-align: right;
            float: left;
            clear: both;
        }

:is(.me-profile_e64001482 dl.e64001482) dd.e64001482 {
            float: left;
            margin-left: var(--space-xs);
        }

.me-profile_e64001482 p.e64001482 {
        line-height: 1.5;
    }

@media only screen and (max-width: 550px) {
        .me-profile_e64001482 .info_e64001482 img.e64001482 { display: none; }
    }

.me-email_e64001482 {
    margin-bottom: var(--space-m);
    display: flex;
    flex-direction: column;
}

.notifications_e64001482 {
    margin-bottom: var(--space-s);
}

.checkbox-input_e64001482 {
    display: grid;
    grid-template:
        "checkbox label" auto
        "- note" auto /
        auto 1fr;
    row-gap: var(--space-3xs);
    column-gap: var(--space-xs);
}

.label_e64001482 {
    grid-area: label;
    font-weight: bold;
}

.note_e64001482 {
    grid-area: note;
    display: block;
    font-size: 85%;
}

.buttons_e64001482 {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    margin-top: var(--space-s);
}

}

/* new.css */
@layer components {

.form-group_e05fa2d05, .buttons_e05fa2d05 {
    position: relative;
    margin: var(--space-m) 0;
}

.select-group_e05fa2d05 {
    display: flex;
    align-content: center;
    align-items: center;
}

.help-link_e05fa2d05 {
    flex-shrink: 0;
    color: light-dark(var(--grey600), var(--grey700));
    padding: var(--space-3xs);
    margin: calc(-1 * var(--space-3xs));
}

.help-link_e05fa2d05:hover {
        color: light-dark(var(--grey700), var(--grey600));
    }

.help-link_e05fa2d05 svg {
        width: 1em;
        height: 1em;
    }

.buttons_e05fa2d05 {
    display: flex;
    gap: var(--space-2xs);
    flex-wrap: wrap;
}

.name-input_e05fa2d05 {
    max-width: 440px;
    width: 100%;
}

.expiry-select_e05fa2d05 {
    padding-right: var(--space-m);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik03LjI0NyAxMS4xNCAyLjQ1MSA1LjY1OEMxLjg4NSA1LjAxMyAyLjM0NSA0IDMuMjA0IDRoOS41OTJhMSAxIDAgMCAxIC43NTMgMS42NTlsLTQuNzk2IDUuNDhhMSAxIDAgMCAxLTEuNTA2IDB6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: calc(100% - var(--space-2xs)) center;
    background-size: 10px;
    appearance: none;
}

.expiry-date-input_e05fa2d05 {
    margin-left: var(--space-2xs);
}

.expiry-description_e05fa2d05 {
    margin-left: var(--space-2xs);
    font-size: 0.9em;
}

.scopes-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: light-dark(white, #141413);
    border: 1px solid var(--gray-border);
    border-radius: var(--space-3xs);
}

.scopes-list.invalid {
        background: light-dark(#fff2f2, #170808);
        border-color: red;
    }

.scopes-list  > * + * {
        border-top: inherit;
    }

.scopes-list label {
        padding: var(--space-xs) var(--space-s);
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-xs);
        font-size: 0.9em;
    }

.scope-id_e05fa2d05 {
    display: inline-block;
    max-width: 170px;
    flex-grow: 1;
    font-weight: bold;
}

.scope-description_e05fa2d05 {
    display: inline-block;
}

.crates-list_e05fa2d05 {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: light-dark(white, #141413);
    border: 1px solid var(--gray-border);
    border-radius: var(--space-3xs);
}

.crates-list_e05fa2d05  > * + * {
        border-top: inherit;
    }

.crates-unrestricted_e05fa2d05 {
    padding: var(--space-xs) var(--space-s);
    font-size: 0.9em;
}

.crates-scope_e05fa2d05 {
    display: flex;
}

.crates-scope_e05fa2d05  > div {
        padding: var(--space-xs) var(--space-s);
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-xs);
        font-size: 0.9em;
        flex-grow: 1;
    }

.crates-scope_e05fa2d05 input {
        margin: calc(-1 * var(--space-4xs)) 0;
        padding: var(--space-3xs) var(--space-2xs);
        border: 1px solid var(--gray-border);
        border-radius: var(--space-3xs);
    }

.crates-scope_e05fa2d05.invalid_e05fa2d05 input {
        background: light-dark(#fff2f2, #170808);
        border-color: red;
    }

.crates-scope_e05fa2d05  > button {
        margin: 0;
        padding: 0 var(--space-xs);
        border: none;
        background: none;
        cursor: pointer;
        color: var(--grey700);
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

:is(.crates-scope_e05fa2d05 > button):hover {
            background: light-dark(var(--grey200), #333333);
            color: light-dark(var(--grey900), white);
        }

:is(.crates-scope_e05fa2d05 > button) svg {
            height: 1.1em;
            width: 1.1em;
        }

.crates-scope_e05fa2d05:first-child button.e05fa2d05 {
        border-top-right-radius: var(--space-3xs);
    }

.pattern-description_e05fa2d05 {
    flex-grow: 1;
    align-self: center;
}

.invalid_e05fa2d05 .pattern-description_e05fa2d05 {
        color: red;
    }

.pattern-description_e05fa2d05  > span {
        font-weight: bold;
    }

.crates-pattern-button_e05fa2d05 button {
    padding: var(--space-xs) var(--space-s);
    font-size: 0.9em;
    width: 100%;
    border: none;
    background: none;
    border-bottom-left-radius: var(--space-3xs);
    border-bottom-right-radius: var(--space-3xs);
    cursor: pointer;
    font-weight: bold;
}

:is(.crates-pattern-button_e05fa2d05 button):hover {
        background: light-dark(var(--grey200), #333333);
    }

.generate-button_e05fa2d05 {
    border-radius: 4px;
}

.generate-button_e05fa2d05 .spinner_e05fa2d05 {
        margin-left: var(--space-2xs);
    }

.cancel-button_e05fa2d05 {
    border-radius: 4px;
}

}

/* support.css */
@layer components {

.inquire-list_e22d20081 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-s);
    list-style: none;
    padding: 0;
}

.link_e22d20081 {
    --shadow: 0 2px 3px light-dark(hsla(51, 50%, 44%, .35), #232321);

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: inherit;
    min-height: var(--space-2xl);
    padding: var(--space-xs) var(--space-s);
    background-color: light-dark(white, #141413);
    color: light-dark(#525252, #f9f7ec);
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: var(--space-3xs);
    box-shadow: var(--shadow);
    transition: background-color var(--transition-slow);
}

.link_e22d20081:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px var(--yellow500), var(--shadow);
    }

.link_e22d20081:hover,.link_e22d20081:focus-visible {
        color: light-dark(#525252, #f9f7ec);
        background-color: light-dark(hsl(58deg 72% 97%), hsl(204, 3%, 11%));
        transition: background-color var(--transition-instant);
    }

.link_e22d20081:active {
        transform: translateY(2px);
        --shadow: inset 0 0 0 1px hsla(51, 50%, 44%, .15);
    }

.link_e22d20081 strong {
        margin-left: var(--space-3xs);
        font-weight: 500;
    }

}

/* team.css */
@layer components {

.header_efa3e6835 {
    display: flex;
    align-items: center;
}

.header_efa3e6835 h1.efa3e6835,.header_efa3e6835 h2.efa3e6835 {
        margin: 0;
        padding: 0;
    }

.header_efa3e6835 h2.efa3e6835 {
        margin-top: var(--space-2xs);
        color: var(--main-color-light);
    }

.avatar_efa3e6835 {
    margin-right: var(--space-m);
}

.header-row_efa3e6835 {
    display: flex;
    align-items: center;
}

.github-link_efa3e6835 {
    margin-left: var(--space-s);
}

.github-link_efa3e6835,.github-link_efa3e6835:hover {
        color: var(--main-color);
    }

.github-link_efa3e6835 svg {
        width: 32px;
        height: 32px;
    }

.results-meta_efa3e6835 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_efa3e6835 {
    margin-bottom: var(--space-s);
}

}

/* user.css */
@layer components {

.header_ea0dc86d2 {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.github-link_ea0dc86d2,.github-link_ea0dc86d2:hover {
        color: var(--main-color);
    }

.github-link_ea0dc86d2 svg {
        width: 32px;
        height: 32px;
    }

.results-meta_ea0dc86d2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-s);
}

.list_ea0dc86d2 {
    margin-bottom: var(--space-s);
}

}

/* category-slugs.css */
@layer components {

.list_ee7c11455 {
    background-color: light-dark(white, #141413);
    border-radius: var(--space-3xs);
    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
    margin-bottom: var(--space-s);
}
.list_ee7c11455 dt.ee7c11455 {
        padding: var(--space-s);
        padding-bottom: var(--space-2xs);
        font-family: var(--font-monospace);
        font-weight: bold;
    }
.list_ee7c11455 dd.ee7c11455 {
        margin: 0 var(--space-s) var(--space-s);
    }
.list_ee7c11455  > * + dt.ee7c11455 {
        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
    }

}