/* pack-event-popups: sample graphic popups on "What's in the pack" */
.pack .pe-item{position:relative;padding:0}
.pack .pe-trigger{all:unset;box-sizing:border-box;display:block;width:100%;padding:14px;border-radius:12px;cursor:pointer;font-weight:600;text-align:center;color:inherit;background-image:linear-gradient(90deg,#fbbf24,#fb7185);background-size:0 2px;background-repeat:no-repeat;background-position:50% calc(100% - 8px);transition:background-size .2s}
.pack .pe-trigger:hover,.pack .pe-trigger[aria-expanded="true"]{background-size:60% 2px}
.pack .pe-trigger:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
.pack .pe-pop{position:absolute;z-index:60;bottom:calc(100% + 10px);left:50%;transform:translateX(calc(-50% + var(--pe-shift,0px)));width:min(300px,calc(100vw - 24px));padding:3px;border:0;border-radius:14px;background:linear-gradient(135deg,#fbbf24,#fb7185);box-shadow:0 12px 32px rgba(0,0,0,.35);text-align:left;font-weight:400}
.pack .pe-pop[hidden]{display:none}
.pack .pe-pop img{display:block;width:100%;height:auto;border-radius:11px;background:#18181b;aspect-ratio:1/1}
@media (prefers-reduced-motion:reduce){.pack .pe-trigger{transition:none}}