.overlay{background:#00000080;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay.is-modal{z-index:9998}.overlay.is-modal>.container{max-width:var(--skill-popup-width)}.overlay.is-modal>.container:focus{outline:none}.overlay.is-top-anchored{align-items:flex-start}.overlay.is-top-anchored>.container{margin-top:0;margin-bottom:auto}.backdrop-link{cursor:pointer;position:absolute;inset:0}.buttons{z-index:1;gap:8px;display:flex;position:absolute;top:12px;right:12px}.button,.glass-button{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px}.button{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.button:hover,.glass-button:hover{color:#ffffffe6;background:#ffffff1a}.button:active{transform:scale(.95)}@media (width<=768px){.overlay{padding:20px}.overlay .content{padding-top:60px}.detail-title{text-align:left}}@media (width<=480px){.overlay{padding:15px}.overlay .content{padding-top:56px}}