.recent-history{position:fixed;top:var(--recent-history-top, calc(var(--header-height, 0px) + 10px));right:max(20px,env(safe-area-inset-right));z-index:55;display:none;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:none}.recent-history.is-visible{display:flex}.recent-history__button{position:relative;width:4.5rem;height:4.5rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));opacity:.75;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transform:none;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.recent-history.is-intro .recent-history__button{animation:recentHistoryIntro .42s cubic-bezier(.22,1.18,.36,1) both}.recent-history.is-visible .recent-history__button-face{animation:recentHistoryFloat 3.8s ease-in-out .42s infinite}.recent-history__button.is-pressed{transform:scale(.93)}.recent-history__button:focus-visible{outline:1px solid rgba(var(--color-foreground),.2);outline-offset:3px}.recent-history__button-face{position:relative;width:4.5rem;height:4.5rem;display:block;transform-origin:50% 60%;overflow:visible;background:transparent}.recent-history__button-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:4rem;height:4rem;border-radius:50%;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 6px 14px #0000001f;background:transparent;z-index:1}.recent-history__button-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:transparent}.recent-history__badge{position:absolute;top:-.22rem;right:-.22rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:#ff4fa3;color:#fff;font-size:.64rem;line-height:1rem;font-weight:600;text-align:center;box-shadow:0 2px 8px #ff4fa347;z-index:2}.recent-history__panel{width:auto;padding:0;margin:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;overflow:visible;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.recent-history__panel.is-open{opacity:1;transform:translateY(0)}.recent-history__list{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;padding:0;margin:0;width:max-content;background:transparent}.recent-history__item{--recent-history-index: 0;display:block;width:3.8rem;height:3.8rem;border-radius:50%;overflow:hidden;background:transparent;border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 4px 10px #00000014;opacity:0;transform:translateY(-4px) scale(.96);transition:opacity .16s ease,transform .16s ease;transition-delay:calc(var(--recent-history-index) * 30ms)}.recent-history__panel.is-open .recent-history__item{opacity:1;transform:translateY(0) scale(1)}.recent-history__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes recentHistoryIntro{0%{opacity:0;transform:translateY(2px) scale(.88) rotate(-4deg)}70%{opacity:1;transform:translateY(0) scale(1.03) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes recentHistoryFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@media screen and (min-width:750px){.recent-history{display:none!important}}.recent-history__button[aria-expanded=true]{width:5rem;height:5rem;opacity:1}.recent-history__button[aria-expanded=true] .recent-history__button-face{width:5rem;height:5rem}.recent-history__button[aria-expanded=true] .recent-history__button-image-wrap{width:4.45rem;height:4.45rem}.recent-history__button[aria-expanded=true] .recent-history__badge{top:-.24rem;right:-.24rem}.recent-history.is-visible .recent-history__item{width:4.5rem;height:4.5rem}@media(prefers-reduced-motion:reduce){.recent-history.is-visible .recent-history__button-face,.recent-history__panel,.recent-history__item{animation:none!important;transition:none!important}.recent-history__button-face,.recent-history__panel,.recent-history__item{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/recent-history.css.map */