.ui-close{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;min-width:40px;padding:0!important;border:1px solid var(--line,#e3eadb)!important;border-radius:50%!important;background:var(--card,#fffef9)!important;color:var(--muted,#8d9d7d);box-shadow:0 2px 8px #49613c05;cursor:pointer;touch-action:manipulation;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s!important}.ui-close .ui-close-glyph{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.ui-close:focus-visible{outline:2px solid var(--green,#7c955f);outline-offset:3px}.ui-close:active{transform:scale(.9)!important}.dialog-head>.ui-close,#accessDialog .close-access.ui-close{width:40px;height:40px;min-width:40px;padding:0;font-size:0}.dialog-head>.ui-close{align-self:flex-start;margin-top:1px}#accessDialog .close-access.ui-close{right:13px;top:13px;width:34px;height:34px;min-width:34px}.growth-entry #skipEntry.ui-close,#entryBoot .ui-close{position:absolute;right:24px;top:22px;width:38px;height:38px;min-width:38px;font-size:0;z-index:3;background:#fffdf7bb!important}.attachment .remove-attachment.ui-close{width:25px;height:25px;min-width:25px;top:5px;right:5px;box-shadow:0 2px 6px #263d2520;background:#ffffffe8!important;color:#7d906b}.attachment .remove-attachment.ui-close .ui-close-glyph{width:14px;height:14px}#lightbox .light-close.ui-close,.song-topbar [data-close].ui-close{width:42px;height:42px;min-width:42px;color:#ffffffde;background:#ffffff14!important;border-color:#ffffff35!important;backdrop-filter:blur(8px)}#lightbox .light-close.ui-close .ui-close-glyph{width:20px;height:20px}#detailBack{border-radius:9px;transition:background .2s,transform .2s,color .2s}#detailBack:active{transform:translateX(-3px)}dialog.ui-closing::backdrop{animation:uiBackdropOut .17s ease-in forwards}@keyframes uiBackdropOut{to{opacity:0}}
@media(hover:hover){.ui-close:hover{background:var(--soft,#eff4e7)!important;color:var(--green,#718b58);border-color:#acbd98!important;box-shadow:0 5px 16px #536f4012;transform:translateY(-1px)}.ui-close:hover .ui-close-glyph{transform:rotate(90deg)}.ui-close[data-ui-icon=collapse]:hover .ui-close-glyph{transform:translateY(3px)}#lightbox .light-close.ui-close:hover,.song-topbar [data-close].ui-close:hover{color:#fff;background:#ffffff29!important}#detailBack:hover{background:var(--soft,#eff4e9);transform:translateX(-2px)}}
@media(max-width:600px){.dialog-head>.ui-close{width:42px;height:42px;min-width:42px}.growth-entry #skipEntry.ui-close,#entryBoot .ui-close{right:15px;top:15px;width:38px;height:38px;min-width:38px}.attachment .remove-attachment.ui-close{width:28px;height:28px;min-width:28px}#accessDialog .close-access.ui-close{width:38px;height:38px;min-width:38px}.ui-close{width:42px;height:42px;min-width:42px}}
@media(prefers-reduced-motion:reduce){.ui-close,.ui-close .ui-close-glyph,#detailBack{transition:none!important}dialog.ui-closing::backdrop{animation:none}}
body[data-night=true] .growth-entry #skipEntry.ui-close,body[data-night=true] #entryBoot .ui-close{background:var(--card,#203637)!important;color:var(--ink,#dce8dd);border-color:var(--line,#37504c)!important}.attachment .remove-attachment.ui-close:after{content:'';position:absolute;inset:-5px;border-radius:50%}