.panorama-carousel{position:relative;display:flex;align-items:center;gap:10px;width:100%}.panorama-carousel__current{position:absolute;left:18px;top:-38px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#ffffffeb;box-shadow:0 12px 26px #0f172a2e;z-index:3}.panorama-carousel__current-index{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b6474}.panorama-carousel__current-label{font-size:13px;font-weight:600;color:#172033;max-width:min(60vw,320px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panorama-carousel__viewport{overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;scroll-snap-type:x proximity;flex:1}.panorama-carousel__viewport::-webkit-scrollbar{display:none}.panorama-carousel__track{display:flex;gap:var(--carousel-gap, 16px);min-height:var(--carousel-card-height, 110px);min-width:max-content;padding-bottom:4px}.panorama-carousel__card{border:1px solid rgba(30,45,62,.08);background:#fffc;border-radius:18px;flex:0 0 var(--carousel-card-width, 220px);max-width:var(--carousel-card-width, 220px);min-height:var(--carousel-card-height, 110px);padding:10px;display:flex;flex-direction:column;gap:8px;color:#1d2736;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;scroll-snap-align:start}.panorama-carousel__arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#080e1ae6;color:#f8fbff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 20px #00000059;transition:background .2s ease,transform .2s ease,opacity .2s ease;flex-shrink:0}.panorama-carousel__arrow:hover{background:#202c44f2;transform:translateY(-1px)}.panorama-carousel__arrow:active{transform:translateY(0)}@media(hover:hover)and (pointer:fine){.panorama-carousel__arrow{opacity:0;visibility:hidden;pointer-events:none}.panorama-carousel:hover .panorama-carousel__arrow{opacity:1;visibility:visible;pointer-events:auto}}.panorama-carousel__card:hover{border-color:#2aa7c780;box-shadow:0 12px 24px #121c2e29}.panorama-carousel__card.is-active{border-color:#2aa7c7e6;box-shadow:0 15px 30px #2aa7c74d;background:#fffffff2}.panorama-carousel__thumb{width:100%;height:var(--carousel-thumb-height, 76px);border-radius:14px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.9);border:none}.panorama-carousel__card span{font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4a5568}