.box-row:not(.restore-row) .box { padding-right: 87px; }
.box-copy { position:absolute; right:45px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ui-accent); cursor:pointer; }
.box-copy .icon { width:var(--ui-icon); height:var(--ui-icon); }
.box-copy:hover, .box-copy:focus-visible, .box-copy.is-copied { background:var(--ui-accent-soft); color:var(--ui-accent-hover); }
.box-copy:focus-visible { outline:2px solid #75a793; outline-offset:2px; }
.is-selecting .box-copy { display:none; }
.is-selecting .box-row:not(.restore-row) .box { padding-right:8px; }
.copy-status { position:fixed; left:50%; bottom:24px; transform:translate(-50%, 8px); z-index:100; padding:9px 14px; border-radius:9px; background:#263c34; color:white; font-size:13px; opacity:0; pointer-events:none; transition:opacity .15s, transform .15s; }
.copy-status.visible { opacity:1; transform:translate(-50%, 0); }
@media(max-width:800px) { .selector-content .box-row:not(.restore-row) .box { padding-right:94px; } .selector-content.is-selecting .box-row:not(.restore-row) .box, .is-selecting .selector-content .box-row:not(.restore-row) .box { padding-right:8px; } .box-copy { right:49px; width:42px; height:42px; } }