.shot-grid{width:100%}.shot-grid-content{gap:var(--space-32);padding:var(--space-96) var(--space-32) var(--space-160);display:grid}.shot-grid-bar{--shot-grid-surface:color-mix(in srgb, var(--neutral-surface-background), var(--neutral-content-main-titles) 6%);bottom:var(--space-24);z-index:2;align-items:flex-end;gap:var(--space-8);max-width:calc(100vw - var(--space-32));display:flex;position:fixed;left:50%;transform:translate(-50%)}.shot-grid-filters{gap:var(--space-8);display:grid}.shot-grid-options{overscroll-behavior:contain;width:0;min-width:100%;max-height:50svh;padding:var(--space-4);border-radius:var(--radius-16);background:var(--shot-grid-surface);display:grid;overflow-y:auto}.shot-grid-option{justify-content:space-between;align-items:center;gap:var(--space-32);padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);color:var(--neutral-content-body);font-feature-settings:inherit;text-align:start;cursor:pointer;background:0 0;border:0;transition:background-color .2s,color .2s;display:flex}.shot-grid-option:hover:not(:disabled),.shot-grid-option.is-active{background:var(--neutral-surface-main);color:var(--neutral-content-main-titles)}.shot-grid-option:disabled{color:var(--neutral-content-disabled);cursor:default}.shot-grid-option-count{color:var(--neutral-content-support)}.shot-grid-badge{min-width:calc(var(--core-16) + var(--space-4))}.shot-grid-reset{right:var(--space-32);bottom:var(--space-24);z-index:2;opacity:0;translate:0 var(--space-8);visibility:hidden;transition:opacity .25s,translate .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .5s;position:fixed}.shot-grid-reset[data-visible]{opacity:1;visibility:visible;transition-delay:0s;translate:0}.shot-grid-total{height:var(--core-40);padding:0 var(--space-16);border-radius:var(--radius-full);background:var(--shot-grid-surface);color:var(--neutral-content-main-titles);flex:none;align-items:center;margin:0;display:inline-flex}.shot-grid-total-unit{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shot-grid-list{gap:var(--space-32) var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.shot-grid-empty{color:var(--neutral-content-support)}@media (max-width:1200px){.shot-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.shot-grid-content{padding-inline:var(--space-16)}.shot-grid-bar{bottom:var(--space-16)}.shot-grid-reset{right:var(--space-16);bottom:calc(var(--space-16) + var(--core-40) + var(--space-8))}.shot-grid-bar .shot-switch-icon{display:none}.shot-grid-list{gap:var(--space-24) var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}