.chocolock-tile{position:relative;--chocolock-tile-ease:cubic-bezier(0.16,1,0.3,1)}.chocolock-tile--claimed:before{content:"";position:absolute;inset:0 auto 0 0;width:42%;background:linear-gradient(90deg,rgb(245 158 11/.28),transparent);transform-origin:left center;transform:scaleX(1);pointer-events:none;z-index:0;border-radius:inherit}.chocolock-tile>*{position:relative;z-index:1}.chocolock-tile__check{position:relative;display:grid;place-items:center;flex-shrink:0}@media (hover:hover) and (pointer:fine){.chocolock-tile__check[data-tip]{cursor:help}.chocolock-tile__check[data-tip]:focus-visible:after,.chocolock-tile__check[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:5;padding:.3rem .55rem;border-radius:.4rem;background:#1c1917;color:#fff;font-size:.7rem;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none}}@keyframes chocolock-tile-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes chocolock-tile-fade{0%{opacity:0}}@keyframes chocolock-claim-sweep{0%{transform:scaleX(0)}}.chocolock-tile[data-enter=pending]{opacity:0}@media (prefers-reduced-motion:no-preference){.chocolock-tile{transition:box-shadow .15s ease}.chocolock-tile--claimed[data-enter=pending]:before{transform:scaleX(0)}.chocolock-tile[data-enter=in]{animation:chocolock-tile-in .28s var(--chocolock-tile-ease) both;animation-delay:calc(var(--i, 0) * 45ms)}.chocolock-tile--claimed[data-enter=in]:before{animation:chocolock-claim-sweep .36s var(--chocolock-tile-ease) both;animation-delay:calc(var(--i, 0) * 45ms + 80ms)}}@media (prefers-reduced-motion:reduce){.chocolock-tile[data-enter=in]{animation:chocolock-tile-fade .12s ease both}}