.ref-tile{display:inline-flex;position:relative;vertical-align:top}.ref-tile__open{background:#111114;border:0;color:#c5bdff;cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .14s cubic-bezier(.23,1,.32,1)}.ref-tile.is-sm .ref-tile__open{border-radius:10px;height:70px;width:56px}.ref-tile.is-md .ref-tile__open{border-radius:12px;height:90px;width:72px}.ref-tile__media{display:grid;height:100%;place-items:center;width:100%}.ref-tile__media img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.ref-tile__caption{background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));display:grid;gap:1px;inset:auto 0 0;opacity:0;padding:18px 6px 6px;position:absolute;transition:opacity .14s cubic-bezier(.23,1,.32,1)}.ref-tile__caption small,.ref-tile__caption strong{color:#f5f5f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-tile__caption strong{font-size:11px;font-weight:600;line-height:1.2}.ref-tile__caption small{color:#c8c6d0;font-size:9px;line-height:1.2}.ref-tile__remove{background:transparent;border:0;color:#dedde3;cursor:pointer;display:grid;height:44px;padding:0;place-items:center;position:absolute;right:-8px;top:-8px;transition:transform .1s cubic-bezier(.23,1,.32,1);width:44px;z-index:2}.ref-tile__remove:before{background:#171719;border-radius:50%;box-shadow:0 4px 10px #00000073;content:"";height:20px;position:absolute;width:20px}.ref-tile__remove svg{position:relative}.ref-tile__open:focus-visible,.ref-tile__remove:focus-visible{outline:2px solid #d0caff;outline-offset:2px}.ref-tile__open:focus-visible .ref-tile__caption{opacity:1}.ref-tile__open:active:not(:disabled):not(:focus-visible),.ref-tile__remove:active:not(:disabled):not(:focus-visible){transform:scale(.97);transition-duration:.1s}.ref-tile.is-disabled{opacity:.5}.ref-tile.is-disabled button{cursor:not-allowed}.ref-tile[data-motion=keyboard] *,.ref-tile[data-motion=keyboard] .ref-tile__media img{transition:none}.ref-tile.is-peeking>.ref-tile__open,.ref-tile.is-peeking>.ref-tile__remove{opacity:0}.ref-tile-peek{background:#111114;border:0;border-radius:16px;box-shadow:0 18px 48px #00000080;color:#f5f5f4;font-family:var(--font-ilisarniq),ui-sans-serif,system-ui,sans-serif;left:0;overflow:hidden;position:fixed;top:0;transform-origin:0 0;transition:transform .16s cubic-bezier(.23,1,.32,1);z-index:160}.ref-tile-peek[data-open=true]{transition-duration:.24s}.ref-tile-peek[data-keyboard=true]{outline:2px solid #d0caff;outline-offset:2px}.ref-tile-peek__open{background:#111114;border:0;border-radius:inherit;color:#c5bdff;cursor:pointer;display:grid;font:inherit;height:100%;overflow:hidden;padding:0;place-items:center;position:relative;text-align:left;width:100%}.ref-tile-peek__open>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.ref-tile-peek__copy{background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));display:grid;gap:4px;inset:auto 0 0;opacity:0;padding:44px 14px 14px;position:absolute;transition:opacity .1s cubic-bezier(.23,1,.32,1)}.ref-tile-peek[data-open=true] .ref-tile-peek__copy{opacity:1;transition-delay:40ms;transition-duration:.18s}.ref-tile-peek__copy strong{color:#f5f5f4;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-tile-peek__copy>span{color:#dedde3;font-size:11px}.ref-tile-peek__copy .ref-tile-peek__description{display:-webkit-box;-webkit-box-orient:vertical;font-size:12px;-webkit-line-clamp:3;line-height:1.45;overflow:hidden;overflow-wrap:anywhere}.ref-tile-peek>.ref-tile__remove{opacity:0;right:0;top:0;transition:opacity .1s cubic-bezier(.23,1,.32,1)}.ref-tile-peek[data-open=true]>.ref-tile__remove{opacity:1}.ref-tile-peek[data-instant=true],.ref-tile-peek[data-instant=true] *{transition:none!important}@media(hover:hover)and (pointer:fine){.ref-tile__open:hover:not(:disabled) .ref-tile__caption{opacity:1}.ref-tile__remove:hover:not(:disabled){color:#f0b4bd}.ref-tile__remove:hover:not(:disabled):before{background:#38272c}}@media(prefers-reduced-motion:reduce){.ref-tile *,.ref-tile-peek,.ref-tile-peek *{transition:none!important}.ref-tile__open:active,.ref-tile__remove:active{transform:none!important}}
