.sample-item.library-add-ready,.sample-item[data-library-add-ready=true]{padding:0!important;align-items:stretch!important;gap:2px!important;flex-wrap:nowrap!important}
.sample-preview-button{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:36px;padding:7px 5px 7px 12px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.sample-preview-button .sample-name{flex:1!important;min-width:0}.sample-preview-button .sample-type{flex-shrink:0}
.sample-add-button{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;min-height:36px;padding:0;border:0;border-left:1px solid #51455e66;border-radius:4px;background:transparent;color:#c9b3e8;font:600 20px/1 system-ui,sans-serif;cursor:pointer}
.sample-add-button:hover,.sample-add-button:focus-visible{background:#47354f;color:#fff}.sample-add-button:disabled{opacity:.45;cursor:wait}
.sample-preview-button:focus-visible,.sample-add-button:focus-visible{outline:2px solid #c4a9ef;outline-offset:-2px}
@media(pointer:coarse){.sample-preview-button,.sample-add-button{min-height:44px}.sample-add-button{flex-basis:44px;width:44px}}
@media(max-width:600px){.sample-preview-button{padding-left:8px;gap:4px;flex-wrap:wrap}.sample-preview-button .sample-name{flex:1 1 100%!important}.sample-add-button{align-self:stretch}}