.phenocam-modal{background-color:var(--color-tertiary-fill);width:50vw;max-width:1200px}.phenocam-modal__body{flex-direction:column;gap:16px;display:flex}.phenocam-modal__date-select{align-items:center;gap:10px;display:flex}.phenocam-modal__viewer{justify-content:center;align-items:center;display:flex;position:relative}.phenocam-modal__nav-btn{z-index:10;color:#fff;cursor:pointer;background-color:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute}.phenocam-modal__nav-btn:hover{background-color:#0009}.phenocam-modal__nav-btn:disabled{opacity:.3;cursor:default}.phenocam-modal__nav-btn--prev{left:8px}.phenocam-modal__nav-btn--next{right:8px}.phenocam-modal__nav-btn svg{width:24px;height:24px}.phenocam-modal__image-wrap{aspect-ratio:4/3;border-radius:var(--radius-md);background-color:#f3f4f6;width:100%;max-height:500px;position:relative;overflow:hidden}.phenocam-modal__image-wrap img{object-fit:cover;width:100%;height:100%}.phenocam-modal__empty{width:100%;height:100%;color:var(--color-text-disabled);justify-content:center;align-items:center;display:flex}.phenocam-modal__years{justify-content:center;align-items:center;gap:8px;display:flex}.phenocam-modal__year-btn{color:#374151;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;background-color:#e5e7eb;border:none;border-radius:999px;padding:4px 12px;transition:background-color .2s}.phenocam-modal__year-btn:hover{background-color:#d1d5db}.phenocam-modal__year-btn.is-active{background-color:var(--color-primary-fill);color:#fff}.phenocam-modal__year-btn:disabled{color:#d1d5db;cursor:default;background-color:#f3f4f6}