.reference-shelf{flex:120px;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.reference-shelf>.reference-shelf-items{overscroll-behavior-x:contain;scrollbar-width:none;flex:1 1 0;min-width:0;max-width:100%;overflow-x:auto}.reference-shelf-items::-webkit-scrollbar{display:none}.reference-shelf>.reference-shelf-arrow{color:#d2d2dd;background:#ffffff06;border:1px solid #ffffff19;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;min-width:30px;height:44px;min-height:44px;padding:0;display:grid}.reference-shelf>.reference-shelf-arrow:hover:not(:disabled){color:#fff;background:#ffffff0c;border-color:#92929f}.reference-shelf>.reference-shelf-arrow:disabled{opacity:.28;cursor:default}.reference-shelf :is(.reference-shelf-arrow,.reference-shelf-items):focus-visible{outline-offset:2px;outline:2px solid #c8d7b6}.reference-shelf.shot-media-area{flex:none;gap:2px}.reference-shelf.shot-media-area>.reference-shelf-items{width:0;padding-right:4px}.reference-shelf.shot-media-area>.reference-shelf-arrow{background:#ffffff09;border:0;flex-basis:24px;width:24px;min-width:24px}@media (max-width:760px){.reference-shelf{flex:80px;gap:2px}.reference-shelf>.reference-shelf-arrow,.reference-shelf.shot-media-area>.reference-shelf-arrow{flex-basis:44px;width:44px;min-width:44px}}