@charset "utf-8";.main-content{&>.content{&>*+.link-button-wrapper{margin-block-start:-0.25rem}}}#archive-list{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:0;&>.list{display:flex;align-items:center;gap:0.5rem 2rem;flex-wrap:wrap;width:100%;padding-block:0.875rem 1rem;padding-inline:1rem;border-block-end:1px solid var(--text-color);&:first-of-type{border-block-start:1px solid var(--text-color)}&:nth-of-type(2n){background-color:color-mix(in srgb,var(--background-color-01) 50%,#fff)}&.confirm-delete{background-color:color-mix(in srgb,var(--color-red) 50%,transparent)}&>.link-button-wrapper{&>a{display:inline-flex;align-items:baseline;gap:0.25rem;font-size:1.125rem;color:var(--main-color-01)}}&>.editor-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-inline-start:auto;&>:where(a, button){padding:0.25rem 0.5rem;border:1px solid;border-radius:var(--border-radius);background-color:#fff}&>button.share{padding:0.25rem 0.75rem;background-color:var(--link-color);border-color:var(--link-color);color:#fff;&.is-copied{&[data-change-text]::before{content:attr(data-change-text)}&>span{display:none}}}&>a.edit{border-color:var(--color-green);background-color:var(--color-green);color:#fff}&>a.duplicate{color:var(--color-green)}&>button.delete{border-color:var(--color-red);background-color:var(--color-red);color:#fff}}&:first-child>.editor-buttons>.move-up,&:last-child>.editor-buttons>.move-down{display:none}}}@media screen and (max-width: 1024px){#archive-list{&>.list{padding-inline:0.75rem 1rem}}}@media screen and (max-width: 599px){#archive-list{&>.list{&>.link-button-wrapper{width:100%;padding-block-end:0.5rem;margin-block-end:0.5rem;border-block-end:1px dashed var(--text-color)}&>.editor-buttons{width:100%;&>button.share{display:flex;justify-content:center;width:100%}}}}}