
.interaction-album{margin-top:25px;border-top:1px solid #ffffff21;padding-top:22px}.album-heading{display:flex;justify-content:space-between;gap:10px;font:10px Manrope,sans-serif;letter-spacing:.14em;color:#8fbbb2;margin-bottom:14px}.album-heading small{font:inherit;letter-spacing:0}.album-feature{width:100%;height:150px;position:relative;overflow:hidden;border:1px solid #7ef1c733;border-radius:14px;padding:0;background:#0b2528;cursor:zoom-in;transition:height .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.exchange-layout .album-feature img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 45%;border-radius:0;transition:transform .7s}.album-feature>span{position:absolute;inset:auto 0 0;padding:30px 17px 13px;background:linear-gradient(transparent,#031c23e8);display:flex;justify-content:space-between;color:#fff;font-size:12px}.interaction-album:hover .album-feature,.interaction-album:focus-within .album-feature{height:350px;box-shadow:0 15px 55px #40e7ae12}.album-thumbs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-top:10px}.album-thumbs button,.album-dialog-thumbs button{padding:0;overflow:hidden;border:2px solid transparent;border-radius:6px;cursor:pointer;background:#102e31}.exchange-layout .album-thumbs img{width:100%;height:46px;aspect-ratio:auto;object-fit:cover;border-radius:0;display:block}.album-thumbs button[aria-pressed=true],.album-dialog-thumbs button[aria-pressed=true]{border-color:#a0f3b2}.album-caption{font-size:12px!important;line-height:1.8;color:#d2e4df!important;margin:12px 0 0}.album-caption span{font-size:11px;color:#8fb0ab}#interaction-gallery{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;max-height:96dvh;padding:24px;background:#071d22;color:#eaf7ee;border:1px solid #8eeab94d;border-radius:22px;box-shadow:0 30px 120px #0009}#interaction-gallery::backdrop{background:#020b10e8;backdrop-filter:blur(15px)}.album-dialog-head,.album-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:16px}.album-dialog-head small{letter-spacing:.2em;color:#a0eab2;font-size:10px}.album-dialog-head h2{font:34px Newsreader,serif;margin:8px 0 20px}.album-close,.album-prev,.album-next{border:1px solid #ffffff40;background:#173639;color:#fff;border-radius:50%;width:42px;height:42px;flex:none;cursor:pointer}.album-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0}.album-stage img{max-width:calc(100% - 108px);width:auto;height:57dvh;object-fit:contain;min-width:0}.album-dialog-foot{font-size:12px;color:#c2d8cf;margin:10px 0}.album-count{font-variant-numeric:tabular-nums;color:#b8f0a2}.album-dialog-thumbs{display:flex;gap:7px;justify-content:center;overflow:auto}.album-dialog-thumbs img{display:block;width:66px;height:46px;object-fit:cover}button:focus-visible{outline:2px solid #c1fcac;outline-offset:4px}@media(max-width:600px){.interaction-album:hover .album-feature,.interaction-album:focus-within .album-feature{height:240px}.album-feature{height:200px}.album-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.exchange-layout .album-thumbs img{height:42px}#interaction-gallery{padding:15px}.album-dialog-head h2{font-size:27px}.album-stage{gap:4px;position:relative}.album-stage img{max-width:100%;width:100%;height:52dvh}.album-prev,.album-next{position:absolute;bottom:8px;z-index:1}.album-prev{left:8px}.album-next{right:8px}.album-dialog-thumbs{justify-content:flex-start}.album-dialog-thumbs button{flex:none}}@media(prefers-reduced-motion:reduce){.album-feature,.album-feature img{transition:none}}