.gpp{display:block;min-width:0;width:100%;position:relative}.gpp[hidden],.gpp-controls[hidden]{display:none!important}.gpp .gpp-controls{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:max-content;max-width:100%;min-height:0;margin:0 1px 14px auto;padding:5px;border:1px solid #17171712;border-radius:999px;background:linear-gradient(135deg,#ffffffed,#f5f5f2e6);color:#171717;box-shadow:inset 0 1px 0 #fff,0 3px 12px #17171706;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.gpp .gpp-controls button{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#171717;box-shadow:none;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.gpp .gpp-controls button::before,.gpp .gpp-controls button::after{content:none}.gpp .gpp-controls button svg{display:block;width:18px;height:18px;pointer-events:none;flex:none}.gpp .gpp-controls button svg[hidden]{display:none!important}.gpp .gpp-controls .gpp-control--playback{background:#171717;color:#fff;border-color:#171717;box-shadow:inset 0 1px 0 #ffffff1a}.gpp .gpp-controls button:disabled{opacity:.25;cursor:default}.gpp .gpp-counter{min-width:40px;margin:0 5px 0 7px;color:#686868;opacity:1;text-align:center;white-space:nowrap;font:500 11px/1.4 var(--font-body--family,Arial,sans-serif);font-variant-numeric:tabular-nums}.gpp .gpp-controls button:focus-visible{outline:2px solid #171717;outline-offset:2px}@media(hover:hover){.gpp .gpp-controls button:not(:disabled):hover{background:#1717170c;transform:translateY(-1px)}.gpp .gpp-controls .gpp-control--playback:not(:disabled):hover{background:#353535;color:#fff}}
.gpp-track{display:flex;gap:var(--gpp-gap,20px);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;direction:ltr;padding:6px 0 16px;scroll-padding:0}.gpp-track::-webkit-scrollbar{display:none}.gpp-track>.resource-list__item{flex:0 0 calc((100% - (var(--gpp-columns,4) - 1)*var(--gpp-gap,20px))/var(--gpp-columns,4));min-width:0;scroll-snap-align:none;max-width:none}.gpp-track>.resource-list__item[data-gpp-start]{scroll-snap-align:start;scroll-snap-stop:always}.gpp-tail{display:none;flex:0 0 var(--gpp-tail,0px);pointer-events:none}.gpp a:focus-visible,.gpp button:focus-visible,.gpp-track:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:749px){.gpp{--gpp-gap:12px!important}.gpp-track>.resource-list__item{flex-basis:calc((100% - (var(--gpp-mobile,2) - 1)*var(--gpp-gap,12px))/var(--gpp-mobile,2))}.gpp .gpp-controls button{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.gpp-track{scroll-behavior:auto!important}.gpp .gpp-controls button{transition:none}}